每5秒用ajax更新html页面

时间:2012-01-10 10:30:51

标签: ajax jquery

我在iframe中使用了像这样的html文件

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

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

我知道在javascript中有一种方法,但它看起来很丑陋,刷新的图标在浏览器中不断刷新。我想避免在ajax中执行这些操作它不应该看起来像刷新吗?谢谢

3 个答案:

答案 0 :(得分:0)

试试这个

$(function () {

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

答案 1 :(得分:0)

将此标记添加到您的标题中以便每隔5秒刷新一次HTML页面

<script> <!--Auto refresh after 5 seconds --> setInterval(function(){location.reload(true);},5000); </script>

答案 2 :(得分:-1)

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

<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>

它应该工作。我已经对它进行了测试,并且从我的角度来看它工作正常。 感谢