title: passing index from for loop to ajax callback function (JavaScript)
body: <p>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:</p>
  
  <pre><code>var arr = [2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010];
  
  for (var i = 0; i &lt; 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]);
          }
    );
  }
  </code></pre>
  
  <p>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?</p>