在 jQuery 中是否可以在不使页面闪烁的情况下自动刷新?就像在脸书中一样

is auto-refresh is possible in jquery without making the page blink?? like in facebook

本文关键字：刷新 一样 情况下 是否 jQuery 闪烁      更新时间：2023-09-26

>我在自动刷新页面功能时遇到页面闪烁的问题。有没有办法让我的页面眨眼消失？这是我的代码：

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

谢谢。

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

相关文章：