How do I check If there is internet connection with javaScript?

Question

I'm making an app with XDK, so I need to show a connection failure message. I want to check that with a button that when I click on it check the connection and if it's online goes to a webpage, otherwise goes to another with the failure connection message.

Is there any solution, method or function with javaScript or jQuery for do this status check?

First result in google: http://stackoverflow.com/questions/2384167/check-if-internet-connection-exists-with-javascript — Yang, Aug 06 '14 at 03:54
This one is good -- http://subinsb.com/how-to-check-if-internet-connection-exists-in-jquery-javascript — Tasos, Aug 06 '14 at 04:01

score 0 · Answer 1 · answered Aug 06 '14 at 03:52

0

Any xhr request to your server should do the trick. If it comes back with a timeout, then you know you don't have a connection (or that your server isn't working).

answered Aug 06 '14 at 03:52

Paul

35,689
11
93
122

score 0 · Answer 2 · answered Aug 06 '14 at 04:04

Use an XMLHttpRequest to query any file, if it succeeds you are connected else you ain't.

function checkConnection(){
 var xhr = new XMLHttpRequest();
 var file = "http://yoursite.com/somefile.png";
 var r = Math.round(Math.random() * 10000);
 xhr.open('HEAD', file + "?subins=" + r, false);
 try {
  xhr.send();
  if (xhr.status >= 200 && xhr.status < 304) {
   return true;
  } else {
   return false;
  }
 } catch (e) {
  return false;
 }
}

How do I check If there is internet connection with javaScript?

2 Answers2