开发者社区> 问答> 正文

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

$(".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不再发送请求?

展开
收起
小旋风柴进 2016-05-27 11:16:53 4249 0
1 条回答
写回答
取消 提交回答
  • 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请求
            
        });
    2019-07-17 19:17:28
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
基于浏览器的实时构建探索之路 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载