AJAX를 사용하여 준비 상태 검색하기

Question

준비 상태를 검색하기 위해 코드를 사용하고 있으며 저에게 유익합니다. 이 콘텐츠에 다른 사례를 어떻게 추가 할 수 있습니까? 마찬가지로 URL을 사용할 수없는 경우 사용자에게 메시지를 인쇄하고 싶습니다.

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

하고 일반 HTML 텍스트 다음 조금 더 장식적인 모양 만들기 위해 노력하고있다. 요청이 종료되면 readyState는 4입니다

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

하지만 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; 
     } 
    } 

}