使用AJAX，並檢索就緒狀態

Question

我使用後面的代碼來檢索就緒狀態，它對我很好。請問我該如何在此內容中添加其他狀態人員。就像如果URL不可用，我想打印一條消息給用戶。像

document.getElementById("div p").innerHTML = "Ping is not success!"; 

並試圖使它看起來像一點點更加奇特，然後一個普通的HTML文本。 她是我的代碼：

url = "<whatever you want to ping>" 
ping = new XMLHttpRequest();  
ping.onreadystatechange = function(){ 

    document.body.innerHTML += "</br>" + ping.readyState; 

    if(ping.readyState == 4){ 
     if(ping.status == 200){ 
      result = ping.getAllResponseHeaders(); 
      document.body.innerHTML += "</br>" + result + "</br>"; 
     } 
    } 

} 
ping.open("GET", url, true);  
ping.send(); 

Answer 1

當一個請求結束時，readyState是4，但status可能比200以外的值。如果status爲0，則表示網絡錯誤或CORS故障（對於跨源服務器）。如果它是其他值（如404），那意味着腳本到達了服務器，但服務器沒有成功處理請求（或者是因爲使用的URL路徑沒有意義，或者是發生了服務器端錯誤，等等。）

ping.onreadystatechange = function(){ 

    document.body.innerHTML += "<br>" + ping.readyState; 

    if(ping.readyState == 4){ 
     if(ping.status == 200){ 
      result = ping.getAllResponseHeaders(); 
      document.body.innerHTML += "<br>" + result + "<br>"; 
     } else if(ping.status == 0) { 
      document.getElementById("foobar").innerHTML = "Ping is not successful! Could not get any response from the server, due to a network failure, CORS error, or offline server."; 
     } else { 
      result = ping.getAllResponseHeaders(); 
      document.getElementById("foobar").innerHTML = "We got a response from the server, but it was status code " + ping.status; 
     } 
    } 

}