如何按照顺序执行异步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,防止在外部修改状态
}


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值