Javascript不断异步刷新页面

Question

我创建了一个加载在电视上的仪表板网页。此页面希望每秒刷新一次。

我尝试的第一种方法很好，很简单，并且尊重标准：

<meta http-equiv="refresh" content="1">

这会在 Mac / Chrome 和 iOS / Safari 中产生令人讨厌的闪烁效果，这是不可接受的。

下一个版本效果很好...内容已加载并呈现，没有明显的中断：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>   
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script>
setTimeout(function() {
  $.ajax({
    url: "",
    context: document.body,
    success: function(s,x){
        $(this).html(s);
    }
  });
}, 2000);
</script>

这很好用……内容被加载并呈现，没有明显的中断。但是，这会在几分钟后使任何浏览器（IE、Chrome、Safari、Mobile Safari）崩溃。

有没有办法解决这个问题，不需要我维护两个单独的页面，重新加载部分和内部数据部分？

Answer 1

使用timeout 来创建“轮询”效果.. 现在您只需每隔2 秒触发一次请求，而无需等待响应。理想情况下，您可以为此使用网络套接字，但现在：

function makeAjax() {
    $.ajax({
        url: "",
        context: document.body,
        success: function(s,x){
            $(this).html(s);
            setTimeout(makeAjax, 2000);
        }
    });
}
makeAjax();