jQuery ajax和「何時」功能

Question

我有一些（可以說5）ajax請求，我通過使用jQuery.ajax函數在同一時間運行。

現在我想同步並彙總他們的結果，我使用jQuery.when函數來實現這一點。

我的問題是$.when只要其中一個請求失敗就會返回，並且即使他們成功，也會阻止其他人返回。

我該如何合併並獲得所有我的ajax請求的所有結果（那些失敗和那些成功）？

Answer 1

Working demo：http://jsbin.com/ocawoj/4/edit

function waitForAllPromisesToFinish() { 
    var i, 
     responses = [], 
     deferred = $.Deferred(), 
     helpers = { 
      addToResponses: function (index, data) { 
       responses[index] = data; 

       var i = 0, 
        isAnyNull = false; 

       for (i = 0; i < responses.length; i++) { 
        if (responses[i] === null) { 
         isAnyNull = true; 
         break; 
        } 
       } 

       if (isAnyNull === false) { 
        deferred.resolve(responses); 
       } 
      }, 
      setupPromise: function (promise, index) { 
       promise.always(function() { 
        var args = Array.prototype.slice.call(arguments); 
        helpers.addToResponses(index, args); 
       }); 
      } 
     }, 
     ajaxPromises = Array.prototype.slice.call(arguments); 

    for (i = 0; i < ajaxPromises.length; i++) { 
     responses[i] = null; 
    } 

    for (i = 0; i < ajaxPromises.length; i++) { 
     helpers.setupPromise(ajaxPromises[i], i); 
    } 

    return deferred.promise(); 
} 

函數返回一個promise。您附加了一個完成的處理程序，它與您提供給$ .when（）的程序稍有不同。該函數記錄每個ajax承諾的響應。每當它發現所有ajax承諾都返回了數據，無論成功還是失敗，都將解決承諾。

雖然這是我首先想到的，但也可能有更高效的方法來達到同樣的效果。

Answer 2

您可以定義一個，兩個或三個更新功能（取決於你想要做什麼），其採取相應的承諾（AJAX回調）的響應：

function bindPromises(updateSuccess, updateFail, updateAnyway) { 
    var arrPromises = []; 

    // automate the promise retrieval if you want, that's up to you. 
    arrPromises[0] = ajaxRequest1(); 
    arrPromises[1] = ajaxRequest2(); 
    arrPromises[2] = ajaxRequest3(); 
    arrPromises[3] = ajaxRequest4(); 
    arrPromises[4] = ajaxRequest5(); 

    for(var j = 0; j < arrPromises.length; j++) { 
     arrPromises[j].then(updateSuccess, updateFail, updateAnyway); 
    } 
} 

或者，如果你想連自動化更多：

function bindPromises(arrayOfAjaxCalls, updateSuccess, updateFail, updateAnyway) { 
    var arrPromises = []; 

    for(var i = 0; i < arrayOfAjaxCalls.length; i++) { 
     arrPromises[i] = (arrayOfAjaxCalls[i])(); 
     arrPromises[i].then(updateSuccess, updateFail, updateAnyway); 
    } 
} 

如果你不熟悉的承諾，我想向您指出涉及該主題的一篇大文章：Understanding jQuery.Deferred and Promise