javascript - 使用 JavaScript 检查互联网连接

Question

问题

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

“当用户操作导致调用失败时，应显示警报”

类似于$.ajax，但有错误。它不应与任何 div/页面绑定(bind)。

您好，我已尝试以下操作:

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>     

我引用的链接

Detect that the Internet connection is offline?

Check Internet connectivity with jquery

还有一些。

有什么建议吗？

Answer 1

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);