如何在$ http请求后检测到该用户是否处于脱机状态

时间:2014-11-09 10:34:33

标签: javascript angularjs

我想在使用AngularJs中的$ http服务请求失败后测试网络连接(在线/离线)。 在错误处理程序中查找所有可用的响应参数时,我看不到任何可以帮助我的内容。

感谢您的帮助, 奥利弗

请求代码:

$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();
  });

控制台中的结果:

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

1 个答案:

答案 0 :(得分:7)

如果您想简单地检测到您是否在线,可以使用:

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

对于此和其他在线/离线检查技术,请查看: 的 http://www.html5rocks.com/en/mobile/workingoffthegrid/