的XMLHttpRequest：空響應

Question

當我打電話

var zzz = new XMLHttpRequest(); 
zzz.open('GET', "http://freegeoip.net/json/", true); 
zzz.send(); 
console.log(zzz); 

在控制檯日誌中我可以看到response和responseText。但是，當我打電話

console.log(zzz.response); 

我看到類似的反應""。我錯過了什麼？我如何獲得json？

Answer 1

true in zzz.open('GET', "http://freegeoip.net/json/", true);表示請求是異步的。這意味着您需要等待請求完成。當第三個參數被設置爲true

var zzz = new XMLHttpRequest(); 
zzz.open('GET', "http://freegeoip.net/json/", true); 
zzz.onload = function(){ 
    console.log(zzz.response); 
    if (zzz.status === 200){ 
     // Probably good to make the you got a success code. 
    } 
}; 
zzz.onerror = function(err){ 
    // Handle the error 
}; 
zzz.send(); 

Answer 2

的XMLHttpRequest對象異步完成其請求。這意味着瀏覽器在繼續之前不會等待答案。在您調用send()函數後，請求尚未完成，您將無法訪問結果。

JavaScript處理這些的方式是告訴對象如何處理某個函數。從here翻錄的代碼，你要的是這樣的：

function reqListener() { 
    console.log(this.responseText); 
} 

var oReq = new XMLHttpRequest(); 
oReq.onload = reqListener; 
oReq.open("get", "yourFile.txt", true); 
oReq.send(); 

Answer 3

你沒有看到的結果，因爲這不僅是在默認情況下請求的異步 - 你手動設置它是異步的。將async標誌（第三個參數爲.open()）設置爲false，而您會得到您所期望的行爲。

---

但是，正如@itdoesntwork指出的那樣，使用同步請求是非常糟糕的做法。正如其他答案中所示，最好使用異步請求並正確處理其結果。