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

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

2016-05-27 11:16:53 3612 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
相关问答

1

回答

jsonp和ajax请求数据的速度比较?? 400 报错

2020-06-05 12:55:35 362浏览量 回答数 1

1

回答

Ajax中http请求是什么呀?

2022-08-17 09:11:07 134浏览量 回答数 1

1

回答

ajax有几种请求方式啊?

2022-08-16 20:40:34 73浏览量 回答数 1

1

回答

原生js ajax请求有几个步骤?分别是什么呢?

2022-08-16 20:10:48 74浏览量 回答数 1

1

回答

AJAX请求总共有多少种CALLBACK啊?

2022-08-16 18:11:16 30浏览量 回答数 1

1

回答

Ajax请求Json数据后如何解析?

2021-12-08 23:42:50 140浏览量 回答数 1

1

回答

基于django使用ajax发送post请求时,都可以使用哪种方法携带csrf token?

2021-12-07 15:52:33 196浏览量 回答数 1

1

回答

XMLHttpRequest修改默认的Ajax是否请求同步为异步呢?

2021-11-02 12:35:01 216浏览量 回答数 1

0

回答

AJAX请求核心对象XMLHttpRequest正常返回状态码是什么呢?

2021-11-01 23:46:28 172浏览量 回答数 0

14

回答

建议允许开发者配置OSS文件的跨域Http头,避免Ajax请求遇到跨域CORS错误

2013-01-21 14:58:31 41373浏览量 回答数 14
2709
文章
6591
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载