xmlhttp請求具有奇怪的行爲，並且狀態爲0

Question

我有一個谷歌瀏覽器擴展程序，它在按下按鈕時執行xmlhttp請求到服務器。如果服務器關閉，我正在處理該錯誤。我想實現的是在越來越多的秒數後重試請求。我就這樣做：

var execute = function(method, url, i){ 
      //if timeout doesn't exist, create one 
      if(!i){ 
       i = 1000; 
      } 

      var xmlhttp = new XMLHttpRequest(); 
      xmlhttp.open(method, url, true); 

      xmlhttp.onreadystatechange = function(){ 
       if (xmlhttp.status != 200) { 
        // Handle error, retry request 
        console.log("xmlhttp.status = " + xmlhttp.status + " and xmlhttp.readyState = " + xmlhttp.readyState); 
        setTimeout("execute('"+method+"', '"+url+"', "+i*2+")", i); 
        return; 
       } 
      }; 

      xmlhttp.send(null); 
     } 

基本上，如果有某種問題，我再次重試請求。如果服務器已啓動，有一點問題都沒有，但如果服務器關閉的JavaScript扔下我一個錯誤說：

PUT http://localhost:3000/buy/2/id=1329664820124 
executepopup.html:127 
(anonymous function) 

這是沒有太大意義，但卻。日誌中的狀態顯示爲「0」，這也非常糟糕。如果在此過程中再次打開服務器，它應該停止這樣做，但如果成功（我在服務器中看到一條日誌告訴我它已收到請求），它會一直調用execute方法。如果服務器打開，我不知道如何停止這種遞歸。難道我做錯了什麼？這個狀態是否等於零問題？

非常感謝

Answer 1

解決問題

onreadystatechange被觸發每個狀態的變化，從狀態0到4，和許多倍之間。您應該只對readyState 4感興趣，因爲請求已完全在此時完成。
爲了讓你的方法工作，檢查是否xmlhttp.readyState == 4：

xmlhttp.onreadystatechange = function() { 
    if (xmlhttp.readyState == 4 && xmlhttp.status != 200) { 

---

修復您的可怕實現的setTimeout

setTimeout("execute('"+method+"', '"+url+"', "+i*2+")", i);是不再次調用函數的正確方法。由於您正在開發Chrome擴展程序，因此您可以使用以下格式的setTimeout：

setTimeout(execute, i, method, url, i*2); 
// Calls execute(method, url, i*2) after i milliseconds.