使用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; 
     } 
    } 

}