等待ajax响应填充对象

Question

我使用AJAX从服务器获取一些值，并且我正在异步执行它。我怎么能停下来等到AJAX请求结束？这是我的代码：

var response = {} 
for (var i = 0; i < length; i++){ 
     $.ajax({ 
      url : url[i], 
      dataType : 'json' 
     }).success(function(result) { 
      processResult(result); 
     }) 
} 

我想我应该创建一个函数来等待，但它不能正常工作：

function wait() { 
    for (var name in response) { 
     if (response[name] === undefined) { 
      setTimeout(function() { 
       wait() 
      },50) 
     } 
    } 
    processResult(); //this is function where I will process my AJAX result 
} 

谁能帮助我？

Answer 1

好的我想通了。因为ajaxComplete正在之后启动，每个单个AJAX请求正如我之前所说的，我必须创建函数，以等待所有请求完成。所以，我没有这样的：

我改变了我的功能：

var response = {} 
for (var i = 0; i < length; i++){ 
     $.ajax({ 
      url : url[i], 
      dataType : 'json' 
     }).success(function(result) { 
      processResult(result); 
     }) 
} 

到：

response = {} 
    for (var i = 0; i < length; i++){ 
     callAJAX(url[i]); 
    } 
_wait4ajax(); 

功能callAJAX是这样的：

function callAJAX(url){ 
      $.ajax({ 
       url : url[i], 
       dataType : 'json' 
      }).success(function(result) { 
       processResult(result); 
      }) 
} 

和_wait4ajax是函数，其中我检查对象的所有属性是不是undefined所以： （我已经得到了应在对象填充属性列表 - 这个属性是在visibleLayers阵列

function _wait4ajax(){ 
     var controlArray = [], self = this; 

     var length = this.visibleLayers.length; 
     for (var i = 0; i < length; i++) { 
      if (this.cachedFeatures[this.visibleLayers[i]] === undefined) { 
       controlArray.push('false'); 
      } else { 
       controlArray.push('true'); 
      } 
     } 
     if (controlArray.indexOf('false') != -1) { 
      setTimeout(function() { 
       self._wait4ajaxComplete(); 
      }, 50); 
     } else { 
      //AJAX has ended - Object is ready 
     } 
} 

我从我的项目的实际代码搞砸了我的伪代码（这个网站的目的创建的），所以它可能不会以这种形式工作，但我想指定这个主题的具体想法。免费填写以编辑此帖子。 :)

Answer 2

这个问题将做你想要的答案：

How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?

您的代码：

var response = {} 
for (var i = 0; i < length; i++){ 
     $.ajax({ 
      url : url[i], 
      dataType : 'json', 
      async: false, 
      success: function(result) {     
       processResult(result); 
      } 
} 

Answer 3

由于它可能是答案，我会张贴在这里。我认为你正在寻找：

http://api.jquery.com/ajaxComplete/

您可以使用此找出当你所有的AJAX已经完成，然后做响应的东西。