0

我希望每 x 秒调用一次以下函数，因此我不必刷新页面。

var rq = new XMLHttpRequest();
rq.open('GET', "SAME DOMAIN ADDRESS", true);
rq.onreadystatechange = function() {
    if(rq.readyState === 4) {
        if(rq.status === 200) {
      clearTimeout(xmlHttpTimeout); 
window.location.href = "Tracker.html"; // if internet connection found, redirect.
        } else {
        }
    }
};
rq.send(""); 
var xmlHttpTimeout=setTimeout(ajaxTimeout,5000);
function ajaxTimeout(){
   rq.abort();
// IF no internet connection found, call this whole javascript function/code AGAIN in 5 seconds! to check for internet connection
}

基本上，我想检查互联网连接而不必刷新我的整个页面 - 如果有，然后重定向到Tracker.html

4

3 回答 3

1

最好的方法是使用setTimeout：

function callMe() {
  // Some Code
  setTimeout(callMe, 1000);
}

callMe();

您的代码将如下所示：

var rq = new XMLHttpRequest();

rq.onreadystatechange = function() {
  if(rq.readyState === 4) {
    if(rq.status === 200) {
      window.location.href = "Tracker.html"; // if internet connection found, redirect.
    } else {
      setTimeout(rq.send, 5000);
    }
  }
};

rq.send();

如果您想检查客户端是否已连接，您还可以使用此处描述的新在线和离线事件。

于 2012-12-28T14:36:37.950 回答
1

检查navigator.onLine是真还是假。

于 2012-12-28T14:36:50.817 回答
0

ajax 解决方案只能在同一个域上工作。但是，在同一个域上，您可能不需要测试服务器是否在线。使用 navigator.onLine 它将指示 Internet 是否可访问，但仍然无法访问相应的服务器。

诀窍是尝试加载目标服务器的图像并在出错时在 5 秒后重试。当图像加载成功后，就可以进行重定向了。

<html>
  <header>
  </header>
  <body>
    <script type="text/javascript">
    var img = new Image();
    var ping = function() { img.src = "http://www.somedomain.com/valid_image.jpg"; }
    ping();

    img.onerror = function(e) {
      console.log('error');
      setTimeout(function() {
        ping();
      }, 5000);
    }

    img.onload = function(e) {
      console.log('YES');
      window.location.href = "http://www.google.com"; 
    }
    </script>

  </body>
</html>
于 2014-11-14T08:57:04.400 回答