为bootstrap的tab增加请求操作-阿里云开发者社区

开发者社区> 沉默王二> 正文

为bootstrap的tab增加请求操作

简介: 为bootstrap的tab增加请求操作
+关注继续查看

前言:在进行bootstrap的tab切换操作时,我们有的时候需要为其增加请求操作,用来获取服务端的数据。

$('#myTab a').click(function(e) {
        // 先获取项目id
        var deal_id = $("#deal_id").val();
        var tabIndex = $("#tabIndex").val();

        var href = $(this).attr("href");

        if (href == '#program') {// 项目基本信息
            if (tabIndex == 1) {
                if (deal_id) {
                    location.href = common.ctx + "/project/showProjectBasicInfo?deal_id=" + deal_id;
                } else {
                    location.href = common.ctx + "/project/initProjectBasicInfo";
                }
            } else {
                $(this).tab('show');
            }

        } else if (href == '#reback') {// 项目回报信息
            if (deal_id && !tabIndex) {
                location.href = common.ctx + "/project/showProjectRebackInfo?deal_id=" + deal_id + "&tabIndex=1";
            } else {
                $(this).tab('show');
            }
        }

        e.preventDefault();// 取消事件的默认动作
    });


我们利用a标签的点击事件,然后对tab记性判断后,改变地址栏请求。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
如何查询 ABAP 传输请求(Transport Request)和使用该请求修改了的程序的信息?
如何查询 ABAP 传输请求(Transport Request)和使用该请求修改了的程序的信息?
7 0
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
10012 0
更高效地提高redis client多线程操作的并发吞吐设计
Redis是一个非常高效的基于内存的NOSQL数据库,它提供非常高效的数据读写效能.在实际应用中往往是带宽和CLIENT库读写损耗过高导致无法更好地发挥出Redis更出色的能力.下面结合一些redis本身的特性和一些client操作上的改变来提高整个redis操作的交通.
906 0
使用ABAP 7.40引入的table表达式来操作内表
使用ABAP 7.40引入的table表达式来操作内表
5 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
10880 0
java 8 Stream中操作类型和peek的使用
云栖号资讯:【点击查看更多行业资讯】在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来! 简介 java 8 stream作为流式操作有两种操作类型,中间操作和终止操作。这两种有什么区别呢? 我们看一个peek的例子: stream.peek(System.out::println); 上面的例子中,我们的本意是打印出Stream的值,但实际上没有任何输出。
492 0
发送octet-stream格式的请求返回乱码处理
octet-stream格式的请求返回乱码处理
29 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13810 0
了解一下,Java8 Stream的中间操作顺序
云栖号资讯:【点击查看更多行业资讯】在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来! 垂直执行:map和filter先看下面一个例子,找出流中"b"的字符串,并将其转化为大写,包含两个中间操作 map 和 filter 以及结束操作forEach。
582 0
jQuery下table操作示例(附案例源码)
jQuery下table操作示例(附案例源码)
5 0
+关注
沉默王二
微信搜索「沉默王二」,回复关键字「00」获取硬核计算机基础资料。
1084
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载