点击tab切换,发送ajax请求数据,如何做到每次点击只发送一次请求?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

点击tab切换,发送ajax请求数据,如何做到每次点击只发送一次请求?

2016-05-27 11:16:53 3226 1
$(".tabs").on("click","li",function(e){
        $(this).addClass("active").siblings().removeClass("active");
        var index = $(this).index();
        $(".cat").removeClass("current");
        $(".cat").eq(index).addClass("current");

        var stat = $(this).data("stat");
        getInfo(stat);    //根据不同的stat发送不同的ajax请求
        
    });

也知道另一种方法,就是先ajax获取所有数据填充到前端模版中,然后切换显示与隐藏。
但是 如何做到切换tab的时候再发送请求,点击一个tab只发送一次请求,再次点击这个tab不再发送请求?

取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:17:28

    var input = $('#goods_other_img').children('.goods_other_img');


    我觉得你只需要修改两个类:

    .ui-state-active {

    }
    .ui-state-highlight {

    }
    active是你选中的那天,这个class是这个UI插件自己帮你加上的,highlight是当前这一天。
    参考: http://api.jqueryui.com/datepicker/#entry-examples
    通过审查元素,比较可以发现。

    题主的最终目标可能就是这个:
    http://stackoverflow.com/questions/1452066/jquery-ui-datepicker-multiple-date-selections


    $(".tabs").on("click","li",function(e){
            if($(this).hasClass('active')) {
                return false;
            }
            $(this).addClass("active").siblings().removeClass("active");
            var index = $(this).index();
            $(".cat").removeClass("current");
            $(".cat").eq(index).addClass("current");
    
            var stat = $(this).data("stat");
            getInfo(stat);    //根据不同的stat发送不同的ajax请求
            
        });
    0 0
相关问答

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 56988浏览量 回答数 19

43

回答

什么是云主机,云服务器与vps有什么区别?

zhuangdengyun 2011-11-01 04:21:50 49872浏览量 回答数 43

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 47107浏览量 回答数 19

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 146031浏览量 回答数 31

15

回答

网页挂马及暗链检测

yundun1 2012-02-24 17:40:01 47224浏览量 回答数 15

249

回答

阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本

云代维 2014-02-14 15:26:06 305607浏览量 回答数 249

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 80454浏览量 回答数 13

20

回答

【Java学习全家桶】1460道Java热门问题,阿里百位技术专家答疑解惑

管理贝贝 2018-05-31 13:57:45 45931浏览量 回答数 20

46

回答

H5技术百问——不懂H5你就OUT啦

yq传送门 2017-09-09 11:03:04 47410浏览量 回答数 46

3

回答

Nginx—owncloud安装记事

寒喵 2014-06-07 23:24:41 48724浏览量 回答数 3
2736
文章
6591
问答
问答排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载