Ajax Inside For Loop

Question

在擴展中，我在寫我需要驗證我存儲在localStorage中的一些對象與我的服務器存儲在一起。爲此，我創建了一個for循環，它簡單地爲每個本地存儲元素髮送數據，並且需要對響應進行一些操作。該代碼是這樣的：

for (var key in localStorage) { 
     if (! some condition) 
         continue; 

     var httpRequest = new XMLHttpRequest(); 
     httpRequest.onreadystatechange = function() { 
      if (httpRequest.readyState === 4 && httpRequest.response == 200) { 
       do something with 'key' from the for loop 
      } 
     } 
     }; 
     var url = BASE_PATH ; 
     httpRequest.open("POST", url); 
     httpRequest.send(some data); 
        } 

但是在調試似乎在Ajax響應，從for循環的「鑰匙」是不是我需要的關鍵是：我期待得到相同的密鑰與每個ajax調用匹配的for循環，我得到的是所有ajax調用的相同鍵。 我做錯了什麼或期待什麼是不可能的？我認爲，因爲ajax在關閉函數內部，所以值被保存在內存中或類似的東西中。

Answer 1

提取實際Ajax調用一個單獨的函數：

function AjaxCall(key) { 
    var httpRequest = new XMLHttpRequest(); 
    httpRequest.onreadystatechange = function() { 
    if ((httpRequest.readyState === 4) && (httpRequest.response == 200)) { 
     do something with 'key' from the for loop 
    } 
    }; 
    var url = BASE_PATH ; 
    httpRequest.open("POST", url); 
    httpRequest.send(some data); 
} 

for (var key in localStorage) { 
    if (some condition) {  
    AjaxCall(key); 
    }  
} 

原因是，你正在創建一個傳遞給onreadystatechange功能的關閉。所有這些函數都指向相同的key變量，該變量在循環完成後僅保留所有Ajax調用的一個（最後一個）值。

當您創建一個單獨的函數（如我的示例中的AjaxCall()）時，您爲每個調用創建一個不同的上下文，因此所有回調指向不同的鍵。