javascript - jquery 中可以自动刷新而不使页面闪烁吗？就像在 Facebook 上一样

Question

我在自动刷新页面功能时遇到页面闪烁问题。有没有办法让我的上述页面不再闪烁？这是我的代码:

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

谢谢。

Answer 1

您可能不想刷新整个页面。例如。 Logo 、菜单将保留，而某处的内容将刷新。我会用例如标记此内容一个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 。这将大大消除眨眼。