循环内做ajax请求,使用闭包接受循环参数

前端之家收集整理的这篇文章主要介绍了循环内做ajax请求,使用闭包接受循环参数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

工作中遇到一个问题,遍历数组数据,发起多次ajax请求。

开始想当然的直接将ajax代码放在了for循环内,可是每次取到的值并不是根据每个数组变量取到的,最后发现时ajax中传到回调函数中的变量被下一次循环的变量覆盖了--for循环当然比异步请求要快

网上搜的如下代码,使用闭包,针对性解决这种问题,O(∩_∩)O哈哈哈~


<script language="language">
for (var i = 0; i < 3; i++){
    $.ajax({
      url: "ajax.PHP",success: (function(x){ //这里将i封装到闭包传递到变量x
        return function(data){
         alert(x); //调用x = i  #0,1,2
        }
      })(i),error: function(){
        alert(i); //这样使用必然返回i=3
      }
    });
}
</script>

猜你在找的Ajax相关文章