用于无缝页面刷新的轻量级 JQuery ajax 请求答案

【问题标题】：Lightweight JQuery ajax request for seamless page refresh用于无缝页面刷新的轻量级 JQuery ajax 请求
【发布时间】：2011-07-22 19:24:31
【问题描述】：

我有一个 Web 应用程序，它每 5 秒（一旦用户处于非活动状态）向本地服务器发送一个 get 请求，以重新加载当前页面上的数据。

我正在以一种非常简单的方式使用 JQuery load() 方法，如下所示：

$('#outer').load('index.php #inner');

Firebug 告诉我每个请求都在 14-50 毫秒内完成，所以我认为这些请求不会堆叠。

我的问题是在大约 20-30 次请求之后，拉取的数据变得有点“不稳定”，以至于它消失了，然后在几毫秒后重新出现。

这种“断断续续”也每隔几分钟左右循环一次。

由于我使用 load 方法纯粹是为了以无缝方式刷新页面，是否有任何选项可以用来减轻浏览器的压力？我可以以某种方式优化 $.ajax() 方法吗？

【问题讨论】：

【解决方案1】：

不幸的是，要达到你想要的效果，最好的方法就是让你做更多的工作。

您需要使用 $.ajax jQuery 调用从 index.php 获取数据，并通过 XML/JSON 发送数据，然后每 20-30 秒显示一次。数据将通过 AJAX 调用检索并用新的 HTML 替换当前的 HTML（如果 HTML 不同 - 您需要在此处进行检查），因此将更有效/更少波动。

你也可以使用慢速轮询来达到更好的效果——如果你想对它感兴趣的话。看看这里：http://www.ape-project.org/

【讨论】：