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

Question

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

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

谢谢。

Answer 1

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

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

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

然后使用jQuery：

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

这是操作原理，您可以调整细节。 请参阅$ .load 。 这将大大消除眨眼。