ajax回调函数结束后怎么再触发ajax,如何按照顺序执行异步ajax的回调函数

之前在业务上遇到了一个需求，需要有依赖顺序地执行不定数量的ajax请求到服务器。

我们知道一般来说JS的异步ajax的回调函数的执行顺序是无法保证的。

我在jQuery的基础上使用了队列和递归的方法初步实现了顺序执行异步ajax请求的回调函数。

如有错误，欢迎批评和指正 ：)

转载请注明转自：http://blog.csdn.net/painerch/article/details/47450349

关于jQuery的Deferred对象的说明和使用，可以参考文章：

http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html

//按顺序执行多个ajax命令，因为数量不定，所以采用递归

function send(action,arg2) {

//将多个命令按顺序封装成数组对象，递归执行

//利用了deferred对象控制回调函数的特点

$.when(send_action(action[0],arg2))

.done(function () {

//前一个ajax回调函数完毕之后判断队列长度

if (action.length > 1) {

//队列长度大于1，则弹出第一个，继续递归执行该队列

action.shift();

send(action,arg2);

}

}).fail(function (){

//队列中元素请求失败后的逻辑

//

//重试发送

//send(action,arg2);

//

//忽略错误进行下个

//if (action.length > 1) {

//队列长度大于1，则弹出第一个，继续递归执行该队列

// action.shift();

// send(action,arg2);

//}

});

}

//处理每个命令的ajax请求以及回调函数

function send_action(command,arg2) {

var dtd = $.Deferred();//定义deferred对象

$.post(

"url",{

command: command,arg2: arg2

}

).done(function (json) {

json = $.parseJSON(json);

//每次请求回调函数的处理逻辑

//

//

//

//逻辑结束

dtd.resolve();

}).fail(function (){

//ajax请求失败的逻辑

dtd.reject();

});

return dtd.promise();//返回Deferred对象的promise，防止在外部修改状态

}

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。