[javascript] 인터넷 연결이 오프라인입니까?

XHR 요청에 실패 하면 연결이 끊어 졌는지 확인할 수 있습니다 .

표준 접근 방식은 요청 을 몇 번 다시 시도하는 것 입니다. 연결되지 않으면 사용자 에게 연결을 확인하도록 알리고 정상적으로 실패하십시오 .

참고 : 전체 응용 프로그램을 “오프라인”상태로두면 오류가 발생하기 쉬운 상태 처리 작업이 많이 발생할 수 있습니다. 무선 연결이왔다 갔다 할 수 있습니다. 따라서 가장 좋은 방법은 정상적으로 실패하는 것입니다. 연결 문제가있는 경우 결국 해결하고 상당한 양의 용서로 앱을 계속 사용할 수 있도록합니다.

참고 : Google과 같은 안정적인 사이트에서 연결을 확인할 수는 있지만 Google은 사용할 수는 있지만 자신의 응용 프로그램을 사용할 수없고 계속 사용할 수 있기 때문에 직접 요청하는 것만으로는 유용하지 않을 수 있습니다. 자신의 연결 문제를 처리해야합니다. Google에 핑을 보내려고 시도하면 인터넷 연결 자체가 다운되었음을 확인할 수있는 좋은 방법이므로 해당 정보가 유용한 경우 문제가 될 수 있습니다.

참고 : Ping 전송은 양방향 아약스 요청과 같은 방식으로 수행 할 수 있지만이 경우 Google에 핑을 전송하면 몇 가지 문제가 발생합니다. 먼저 Ajax 통신에서 일반적으로 발생하는 동일한 도메인 간 문제가 있습니다. 하나의 옵션은 서버 측 프록시를 설정하는 것입니다. 서버 측 프록시는 실제로 pingGoogle (또는 모든 사이트)이며 핑 결과를 앱에 반환합니다. 이것은 catch-22입니다인터넷 연결이 실제로 문제이면 서버에 접속할 수없고 연결 문제가 자체 도메인에만있는 경우 차이를 알 수 없기 때문입니다. 예를 들어 google.com을 가리키는 iframe을 페이지에 삽입 한 다음 성공 / 실패를 위해 iframe을 폴링 (콘텐츠 검사 등)하는 다른 도메인 간 기술을 시도해 볼 수 있습니다. 무슨 일이 일어나고 있는지에 대한 좋은 결론을 내리기 위해서는 의사 소통 메커니즘으로부터 유용한 응답이 필요하기 때문에 이미지를 포함시키는 것이 실제로 우리에게 아무 것도 말해주지 못할 수도 있습니다. 다시 말하지만, 인터넷 연결 상태를 전체적으로 결정하는 것은 가치보다 더 어려울 수 있습니다. 특정 앱에 대해 이러한 옵션에 가중치를 부여해야합니다.

답변

window.addEventListener('online', () => console.log('came online'));
window.addEventListener('offline', () => console.log('came offline'));

 if(navigator.onLine){
  alert('online');
 } else {
  alert('offline');
 }

function (XMLHttpRequest, textStatus, errorThrown) {
  // typically only one of textStatus or errorThrown 
  // will have info
  this; // the options for this ajax request
}

 $.ajax({
   type: "GET",
   url: "keepalive.php",
   success: function(msg){
     alert("Connection active!")
   },
   error: function(XMLHttpRequest, textStatus, errorThrown) {
       if(textStatus == 'timeout') {
           alert('Connection seems dead!');
       }
   }
 });