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认同)