檢測多個異步javascript $ .ajax調用的完成

我有一個javascript函數，它進入一個循環併爲每個循環發出異步ajax調用。我需要知道所有ajax調用何時已經返回並被處理，因爲我想在那個時候更新UI。

循環如下：

function sync_SyncLocalStorageToServer() { 
    if (helper_IsAppOnline()) { 
     $.log('sync_SyncLocalStorageToServer detects app is ONLINE'); 
     // Post each cached entry to the server - this is the main sync function 
     for (var i = 0, len = localStorage.length; i < len; i++) { 
      var lskey = localStorage.key(i); 
      if (lskey.substr(0, 8) === 'response') { 
       $.log('Sync found response with key=' + lskey); 
       var postdata = localStorage.getItem(lskey); // Get the form data 
       $.log('Calling server with ls response:' + postdata); 
       var localkey = lskey; 
       $.ajax({ 
        type: "POST", 
        dataType: 'json', 
        url: "/Profile/PostForm", 
        data: { jsonpost: postdata }, 
        success: function (data) { 
         if (data.rc == "success") { 
          localStorage.removeItem(data.localStorageKey); // Remove the relevant localStorage entry 
          $.log('ServerSuccess:' + data.message + ',removed localStorageKey=' + data.localStorageKey); 
         } else { 
          $.log('ServerUnhappy:' + data.message + ',did not remove localStorageKey=' + data.localStorageKey); 
         } 
        } 
      , error: function (data) { 
       $.log('ERR:' + data); 
      } 
       }); 
      } 
     } 
    } 
    else { 
     $.log('sync_SyncLocalStorageToServer detects app is OFFLINE'); 
    } 
}

什麼是我打電話給我的UI刷新功能，當最後一個異步Ajax調用已經最終從服務器返回的最簡單的方法？

謝謝。

來源

2011-06-10 Journeyman

計算您執行AJAX請求的次數，然後計算您看到對完成回調的調用的次數。一旦回撥完成計數等於你發出ajax呼叫的次數，你就知道你已經完成了。

var total = arr.length; 
var count = 0; 
for(var i = 0; i < arr.length; i++){ 
    $.ajax({ 
     // other options 
     complete: function(){ 
      count++; 
      if(count == total){ 
       // all finished! 
      } 
     } 
    }); 
}

請注意，我用的是「完整」的回調，而不是「成功」，因爲如果請求中的一個失敗「成功」將不會被調用，而是「完成」的意願。另外，我首先聲明瞭預期總金額，而不是在這個例子中計數。這只是避免了在發佈所有這些請求之前完成所有未完成的Ajax請求的可能性（儘管在技術上可行），並因此具有匹配的計數。

來源

2011-06-10 16:13:34 Matt

我可以在函數頂部創建一個var，然後調整它嗎？這樣做是否會有可能的範圍或線程問題？非常感謝。 – Journeyman 2011-06-10 16:17:25

@Journeyman編輯了我的答案 – Matt 2011-06-10 16:21:25

最簡單的方法是將處理程序附加到jQuery.ajaxStop事件中。如果你需要更多的鉤子，你可以附加一些其他的global AJAX events。

來源

2011-06-10 16:11:14 Jon

檢測多個異步javascript $ .ajax調用的完成

回答

相關問題