通过指数从for循环Ajax回调函数（JavaScript的） [英] passing index from for loop to ajax callback function (javascript)

问题描述

我有一个for循环封闭Ajax调用和我想要确定通过该指数从for循环回调函数的最佳方法。这是我的code：

I have a for loop enclosing an ajax call and I'm trying to determine the best method for passing the index from the for loop to the callback function. Here is my code:

var arr = [2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010];

for (var i = 0; i < arr.length; i++)
{
  $.ajaxSetup({ cache:false })
  $.getJSON("NatGeo.jsp", { ZipCode: arr[i], Radius:   
            document.getElementById("radius").value, sensor: false },      
            function(data)
            { 
              DrawZip(data, arr[i]);
        }
  );
}

目前，该ARR阵只有最后一个值传递由于异步Ajax调用。我怎样才能通过ARR数组的每一次迭代的回调函数，除了同步运行Ajax调用？

Currently, only the last value of the arr array is passed due to the asynchronous ajax call. How can I pass each iteration of the arr array to the callback function, aside from running the ajax call synchronously?

非常感谢您事先的任何及所有的帮助。

Thank you very much in advance for any and all help.

推荐答案

您可以使用JavaScript闭包：

You could use a javascript closure:

for (var i = 0; i < arr.length; i++) {
  (function(i) {
    // do your stuff here
  })(i);
}

或者你可以只使用 $每：

var arr = [2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010];

$.each(arr, function(index, value) {
  $.ajaxSetup({ cache:false });
  $.getJSON("NatGeo.jsp", { ZipCode: value, Radius:   
    document.getElementById("radius").value, sensor: false },      
    function(data) { 
      DrawZip(data, value);
    }
  );
});

这篇关于通过指数从for循环Ajax回调函数（JavaScript的）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！