所有AJAX请求完成？

Question

我工作的一个网站，并在我的代码中的一些观点，我做了一些AJAX调用：
PART(I)

for (var i = 0; i < arr.length; i++){ 
     var id = arr[i].id; 
     makeXHRRequest(id); 
    } 

和makeXHRRequest()功能是这样的：

PART(II)

function makeXHRRequest(id){ 
var jsonArg = ["id", id]; 
var jsonString = JsonBuilder(jsonArg); 
var requestUrl = getUrl(); 

$.ajax({ 
     url: requestUrl, 
     type: "POST", 
     contentType: 'application/json', 
     data: jsonString, 
     datatype: "json", 
     processdata: false, 
     success: function (result, status) { 
     console.log(result); 
     // TODO check if result is valid 
     if(result == null || result == ""){ 
     //... 
     }else{ 
      for(var i = 0; i < parent.arr.length; i++){ 
       for(var j = 0; j < count; j++){ 
        // !!!!! make another ajax call !!!!!!!! 
        makeAnotherXHRRequest(id); 
       } 
       } 
      } 
     } 
     }, 
     error: function (xhr, ajaxOptions, thrownError) { 
      console.log("in get groupUsers fail"); 
     } 
}); 

}

注意这些是嵌套的AJAX调用 - >上面的part(I)中发出的每个ajax调用在part(II)中发出一堆子Ajax调用。所以我的问题是，如果程序想在所有数据准备好后执行一些任务，那么程序如何知道part(I)中的所有请求以及part(II)中的所有请求是否完成？

Answer 1

jQuery的回报Deferred objectsAjax methods，又名承诺，您可以听到，如果他们做或不该。就你而言，我们可以将它们收集到一个数组中。然后我们用$.when听取承诺，如果他们是全部已解决。

var promises = []; 

function makeXHRRequest(id){ 
    ... 
    //we return the ajax promise 
    return $.ajax(.. 
    ... 
} 

for (var i = 0; i < arr.length; i++){ 
    ... 
    //we store the promise 
    promises.push(makeXHRRequest(id)); 
} 


$.when 
.apply(null,promises) //listen to all the promises 
.done(function(){ 

    /*code here executes when all ajax promises resolves*/ 

});