jquery queue ajax,使用jQuery.queue()将Ajax请求排队

f26979cd64f6d6ce6914977bff8e9cd9.png

潇潇雨雨

您的问题是,这.ajax()会引发异步运行的Ajax请求。这意味着,.ajax()立即返回,非阻塞。因此,您将函数排队,但它们几乎会像您描述的那样同时触发。我认为在这不是接收.queue()Ajax请求的好地方,它更适合用于fx methods。您需要一个简单的经理。var ajaxManager = (function() {     var requests = [];     return {        addReq:  function(opt) {            requests.push(opt);        },        removeReq:  function(opt) {            if( $.inArray(opt, requests) > -1 )                requests.splice($.inArray(opt, requests), 1);        },        run: function() {            var self = this,                oriSuc;            if( requests.length ) {                oriSuc = requests[0].complete;                requests[0].complete = function() {                     if( typeof(oriSuc) === 'function' ) oriSuc();                     requests.shift();                     self.run.apply(self, []);                };                   $.ajax(requests[0]);            } else {              self.tid = setTimeout(function() {                 self.run.apply(self, []);              }, 1000);            }        },        stop:  function() {            requests = [];            clearTimeout(this.tid);        }     };}());这远非完美,我只想演示前进的道路。上面的例子可以像$(function() {    ajaxManager.run();     $("a.button").click(function(){       ajaxManager.addReq({           type: 'POST',           url: 'whatever.html',           data: params,           success: function(data){              // do stuff           }       });    });});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值