工作中遇到一个问题,遍历数组数据,发起多次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>