首页 > web前端 > js教程 > $.Deferred(),for循环内异步请求问题的解决方法

$.Deferred(),for循环内异步请求问题的解决方法

一个新手
发布: 2017-10-07 11:39:26
原创
1933 人浏览过

问题:有一个数组,数组中每一个元素异步请求后端获得相应的内容进行操作。

var arr=[];for(let i=0;i<arr.length;i++){
    $.post("请求地址",“传递数据”,function(){
         //异步请求后的操作
   })
}
登录后复制

for循环中使用异步请求时出现的问题就是:异步请求是不阻塞主程序,当异步请求出数据的时候,主程序可能已经结束,这就给我们程序带来问题。

如何在for循环内使用异步请求,同时保证数据的执行顺序?

解决办法:$.Deferred()

var lives=[……];
var defer = $.Deferred(); 
defer.resolve($("#aa").append("没有意义")); //该句为必须的,即使什么也不需要操作
$.each(lives,function(i,e){  
  defer = defer.then(function () {  
      return $.ajax({      //进行异步请求操作
        url:"请求地址",  
        type:&#39;post&#39;,
        data:{            //异步请求的数据
          "username":lives[i].username,
          "userId":lives[i].id,
        },
        dataType: "jsonp",
        success:function(data){  
          //异步请求后的操作
        }  
    })
  });  
});
登录后复制

另外$.deferred()相关内容还有很多

以上是$.Deferred(),for循环内异步请求问题的解决方法的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板