用JSONP填充JSON对象的数组Ajax响应

Question

我是JS/JQuery的noob。下面的代码：

ids = ["1", "2", "3"] 
var imageData = []; 
for (i=0; i<ids.length; i++) { 
    $.ajax({ 
     url: 'http://my.images.edu/' + ids[i] + '/info.json', 
     type: 'GET', 
     dataType: 'jsonp', 
     success: function(data) { 
      imageData.push(data); 
     } 
    }); 
}; 
// now I want to do stuff with in a loop with the populated 
// array, but it's always empty! 
console.log(imageData.length); 

的JSONP工作（我可以登录success功能的JSON对象响应到控制台）。我的猜测based on this question是，当我想使用它时，数组还没有填充，但我可能是错的。如果是这样的话，我该如何解决它，否则，我错过了什么？提前致谢！

Answer 1

在当前函数上下文完成其执行之前，imageData将不会被编辑。

代码将运行至完成，然后成功回调将逐个运行。你必须有你的逻辑来处理回调中的数据。

因为这看起来像你真的想所有的回调来完成你的操作之前，你可能想看看jQuery的deffereds

沿东西在these lines循环工作。

$('#button').click(function() { 
    $.when(
     $.ajax({ 
      url: '/echo/html/', 
      success: function(data) { 
       alert('request complete') 
      } 
     }), 
     $.ajax({ 
      url: '/echo/html/', 
      success: function(data) { 
       alert('request complete') 
      } 
     }) 
    ).then(function(){ 
     alert('all complete'); 
    }); 
});