Использование 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; 
     } 
    } 

}