javascript – 强大的自动刷新网页

2022-10-06 13:04:11

我有很多网页需要每分钟自动刷新一次.使用META REFRESH或一些javascript轻松完成. (是的,整个页面需要刷新 – 很多内容都在变化).

但是,它需要尽可能健壮.如果Web服务器暂时关闭或网络打嗝,它将无法刷新,然后会出现404错误等,并永久停留在错误页面上.

我能想出的唯一选择是将整个页面托管在IFRAME中,并在父页面上放置一些脚本以刷新框架页面.框架应该是不可见的,因此任何窗口大小调整都需要调整IFRAME的大小.

有更简单,更优雅的解决方案吗？ (由于时间限制,转到Flash / AIR / Silverlight也不是一个选项).

解决方法:

您可以使用Ajax加载页面的新内容.如果您的页面是在服务器端生成的,那么您可以省略身体周围的HTML并仅输出它的内容.然后,您可以使用Ajax接收新主体,并使用body.innerHTML = request.responseText替换页面的现有主体.在Ajax回调中,您可以执行您喜欢的所有类型的错误处理,甚至可以忽略任何错误并重试Ajax请求.

<html>
<head>
<script type="text/javascript">
function doRequest() {
    var request = new XMLHttpRequest();
    request.onreadystatechange = function() {
        if (request.readyState == 4) {
            if (request.status == 200)
                 body.innerHTML = request.responseText;
            doRequest(); // restart the request
        }
    }
    request.open("get", "", true);
    request.send(null);
}
</script>
<body onl oad="doRequest()">
Page content...
</body>
</html>

码农公寓

相关文章