How to detect that user is offline after an $http request

Question

I'd like to test for the network connectivity (online/offline) after an unsuccessful request with the $http service in AngularJs. When looking for all the available response params in the error handler, I don't see anything that could help me.

Thanks for helping, Olivier

Code for the request:

$http({ method: method, url: url, data: data, headers: headers })
  .success(function (result) {
    deferred.resolve(result);
  })
  .error(function (data, status, headers, config, statusText) {
    console.log(data);
    console.log(status);
    console.log(headers);
    console.log(config);
    console.log(statusText);
    deferred.reject();
  });

Result in the console:

GET http://192.168.0.12:3000/test net::ERR_INTERNET_DISCONNECTED ionic.bundle.js:16185
 backEnd.js:25
0 backEnd.js:26
function (name) {
    if (!headersObj) headersObj =  parseHeaders(headers);

    if (name) {
      return headersObj[lowercase(name)] || null;
    }

    return headersObj;
  } backEnd.js:27
Object {method: "GET", transformRequest: Array[1], transformResponse: Array[1], url: "http://192.168.0.12:3000/test", data: null…} backEnd.js:28
undefined backEnd.js:29

Answer 1

If you want to simply detect that you are online or not, you could use:

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

For this and other online/offline checking techniques, check out: http://www.html5rocks.com/en/mobile/workingoffthegrid/