javascript - 使用 AJAX 始终更新内容

Question

目前我每 10 分钟使用一次 ajax 请求来更新某些内容和其他时间间隔。

我通过以下方式使用 jQuery 执行此操作:

• 在鼠标移动时，检查事件页面
• 如果事件页面在给定的时间间隔内没有更新，则更新页面

我这样做是因为虽然我希望内容保持最新，但我不希望它在后台发送请求(当用户未使用该应用程序时)。这样做还意味着，如果用户超过一段时间没有使用它，当他们再次开始使用它时，它会自动更新。

我想知道这有多有效，因为每当鼠标移动时都会调用检查(并且会稍微降低性能 - 特别是在尝试单击链接时) - 是否是一种更有效的方法？

谢谢!

Answer 1

我宁愿在鼠标移动时激活/重置计时器，比如 60 秒，并将固定间隔检查设置为仅在计时器大于零时运行。

这样，不会在每次鼠标移动时都进行检查，如果用户变为非事件状态，更新检查会在 60 秒后停止。