javascript - 是否可以在 jquery 中自动刷新而不使页面闪烁？就像在脸书上

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。这将大大消除眨眼。