多ajax请求顺序执行

       工作中有时间碰到多个ajax请求,需要按照顺序进行数据请求且保证数据是按照请求的顺序有序返回。所以需要对请求进行包装处理。 jquery自带的case when方式仅能保证请求是按顺序发出的,但不能保证请求的数据按顺序返回。

具体处理方式如下:

1、创建一个存放ajax请求的数组,

2、创建一个执行ajax请求的函数,在函数内执行数组中第一个ajax函数,在请求返回后将该ajax函数删除,然后判断数组的长度,若数组长度大于零,表示还有请求没有完成,继续执行该ajax函数。实际上是利用递归原理来处理。

例:

var categorieList = [
        {
            categorieId: 1,
            id: 11151, //测试用
            type: "技术"
        },{
            categorieId: 2,
            id: 11164, //测试用
            type: "能力"
        },{
            categorieId: 3,
            id: 11146, //测试用
            type: "产品"
        }
    ];
    if( typeof(result.label) != "undefined" && !isBlank(result.label) ){
        var ajaxes = []; //用于存储参数对象的队列
        for(var i=0; i< categorieList.length; i++){
            ajaxes.push( {categorieId: categorieList[i].categorieId, type: categorieList[i].type, result: result } );
        }

   创建执行ajax请求的函数:

var  executeAjax = function(){
            if(ajaxes.length < 1){
                return;
            }
            var params = ajaxes[0];
            $.ajax({
                 type:  .....
                 success: function(response){
                       ...
                       //删除队列中的第一个请求
                    ajaxes.shift();
                    //如果队列中还有请求,就接着递归执行executeAjax函数,直到队列为空
                    if( ajaxes.length > 0){
                        executeAjax();
                    }
                 }
            });
};
executeAjax(); //执行函数请求。

 

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值