使用 JavaScript 检查互联网连接

PROBLEM

我想在 WiFi 关闭时显示警报 [即没有网络连接]。在我的网页中，我有许多按钮、弹出窗口等。用户可以在离线时单击任何内容。但我想显示 API 调用是否失败。我可以检查navigator.onLine在每次点击中。但我不想写函数调用或行数。有没有什么方法可以使用 jQuery、JS、Ajax 来实现？

“当由于用户操作导致呼叫失败时，应显示警报”

Like $.ajax有错误。它不应该与任何 div/页面绑定。

你好，我已经尝试过以下方法：

navigator.onLine  // It works fine

我使用了下面提到的那个。但这不起作用。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>     

我参考过的链接

检测到互联网连接离线？ https://stackoverflow.com/questions/189430/javascript-how-to-detect-that-the-internet-connection-is-offline

使用 jquery 检查互联网连接 https://stackoverflow.com/questions/20043215/check-internet-connectivity-with-jquery

还有一些。

有什么建议么？

navigator.online 检查是否有网络，但不检查互联网。如果您连接到没有互联网的网络，它仍然会返回 true

您可以使用对您的域的 ajax 请求进行检查

setInterval(function() {
  $.ajax({
    type: "HEAD",
    url: document.location.pathname + "?param=" + new Date(),
    error: function() {
      console.log(false);
    },
    success: function() {
      console.log(true);
    }
  });
}, 1000);