代码之家 › 专栏 › 技术社区 › DougN

强大的自动刷新网页

page-refresh refresh javascript

DougN · 技术社区 · 15 年前

我有许多网页需要每分钟自动刷新一次。使用meta刷新或一些javascript很容易完成。(是的,整个页面都需要刷新——很多内容都在变化)。

但是,它需要尽可能的健壮。如果Web服务器暂时停机或出现网络故障,它将无法刷新,然后会出现404错误等,并永久卡在错误页上。

我能想到的唯一选项是将整个页面宿主在一个iframe中,并让父页面上的一些脚本刷新框架页面。框架应该是不可见的,因此窗口的任何大小调整都需要调整iframe的大小。

是否有更简单、更优雅的解决方案?(由于时间限制,使用flash/air/silverlight也不是一个选项)。

3 回复 | 直到 15 年前

Reboot 15 年前

您可以使用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 onload="doRequest()">
Page content...
</body>
</html>

Galen 15 年前

谷歌对Gmail使用iframe方法。谷歌的解决方案不会出错。

-1

Umar Adil 15 年前

也可以使用jquery加载方法。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前