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

jAndy..

87

你的问题在于,它.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

}

});

});

});

@MBax:我不知道插件,但我总是喜欢自己做事,因为灵活性,知识和冷静:-) (7认同)

@MBax：它只是使整个过程保持活力。如果当前没有排队的请求，则它只是空闲的并每秒调用一次。要关闭整个程序，请调用`ajaxManager.stop();`。 (2认同)