是否可以在jquery中自动刷新而不会使页面闪烁?喜欢在facebook

时间:2013-09-16 09:19:01

标签: javascript jquery asp.net facebook

我有一个关于页面闪烁的问题,我自动刷新了页面功能。有没有办法让我这个闪烁的页面开始? 这是我的代码:

<script type="text/javascript">
    function refreshPage() { location.reload(); }
    $(document).ready(function () {
       setInterval('refreshPage()', 5000);
    });
</script>

感谢。

1 个答案:

答案 0 :(得分:2)

您可能不想刷新整个页面。例如。徽标,菜单将保留,而某个地方的内容将刷新。我会将此内容标记为例如div

<div id="content">
    <!-- stuff in here is to be periodically refreshed -->
</div>

然后,我会添加一个服务器端URL来创建可刷新的内容。这当然取决于您的服务器端技术,但它可能是微不足道的。假设此网址为http://yourserver/path/to/page/content

然后使用jQuery:

$(document).ready(function () {
    setInterval(function() {
        $("#content").load("http://yourserver/path/to/page/content");
    }, 5000);
});

这是操作原理,您可以调整细节。见$.load。这将大大消除眨眼。