多個ajax請求全部返回後的調用處理函數返回

Question

幾個ajax請求返回後調用一個處理函數的優雅方式是什麼？

情況：我的web應用通過使用併發ajax請求調用API說20次，在REST API上執行批處理操作。在每個請求都返回後，我想存儲結果並向用戶呈現GUI。

有沒有一種簡單的方法來組合ajax請求對象並在全部完成時調用處理程序？我能想到的唯一方法是定義一個處理程序，檢查每個調用是否已經返回，並在每次調用返回時調用它，但這有點混亂。

Answer 1

var requests = []; 

requests.push($.ajax(...)); 
requests.push($.ajax(...)); 
requests.push($.ajax(...)); 

$.when.apply($, requests).done(function() { 
    // all requests finished successfully 
}); 

東西可以讀：

• http://api.jquery.com/category/deferred-object/
• http://joseoncode.com/2011/09/26/a-walkthrough-jquery-deferred-and-promise/