每 5 秒用 ajax 更新 html 页面答案

【问题标题】：update the html page with ajax for every 5 seconds每 5 秒用 ajax 更新 html 页面
【发布时间】：2012-01-10 10:30:50
【问题描述】：

我在 iframe 中使用过类似的 html 文件

<iframe src="sample.html"></iframe>

有没有办法使用 ajax 每 5 秒刷新一次这些 html 文件，这样它看起来不像是在为用户刷新，而应该看起来像它的更新

我知道一种用 javascript 做的方法，但它看起来很丑陋，刷新图标在浏览器中不断刷新。我想避免这种情况是否可以在 ajax 中做这些看起来不像刷新？谢谢

【问题讨论】：

试试下面的链接，如果那没有得到解决方案，会给你更多..谢谢http://stackoverflow.com/questions/5412302/how-to-refresh-a-iframe-when-the-page-changes-with-ajax

标签： ajax jquery

【解决方案1】：

试试这个

$(function () {

            setInterval(function () {
                var x = $('iframe').attr('src');
                $('iframe').attr('src', x);
            }, 5000);
})

【讨论】：

【解决方案2】：

将此添加到您的头部标签中以每 5 秒刷新一次 HTML 页面

<script>  setInterval(function(){location.reload(true);},5000); </script>

【讨论】：

【解决方案3】：

请在服务器中运行此代码。不要将其保存在桌面并尝试..

<html>
<head>
<meta content="5" http-equiv="REFRESH">
</head>
<body>
<iframe src="http://www.google.com" width=100 height=100 frameborder=0    scrolling=no></iframe>
</body>
</html>

它应该工作。我已经对其进行了测试，并且从我的角度来看它运行良好。谢谢

【讨论】：

抱歉，我想更新您提供的代码会刷新整个页面，但看起来不像更新谢谢