使用jquery和animate自动更新表

Question

我有一个html表，我想每隔x秒通过ajax（到我的php脚本）自动更新。 如果它与前一个值不同，我还想为每一行的第一个单元设置动画。 我怎样才能做到这一点？

Answer 1

使用Prototype，您将使用Ajax.PeriodicUpdater（）文档在这里：

http://api.prototypejs.org/ajax/Ajax/PeriodicalUpdater/

不确定JQuery，但我认为它们具有类似的核心功能。

Answer 2

对于jQuery，请参阅这些链接。

http://api.jquery.com/category/ajax/ - ajax功能

http://api.jquery.com/category/effects/ - jQuery效果

http://api.jquery.com/animate/ - 用于自定义动画的jQuery动画功能。

Answer 3

您需要查看Javascript setInterval()函数并将其配置为调用jQuery AJAX方法之一，例如$.get()或$.getJSON()，并使用'success'回调将DOM中的当前值与AJAX请求检索到的值进行比较，并使用jQuery效果库在适用的地方进行动画处理。这看起来像是一个非常好的Javascript计时器代码：

http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

我会小心自动化（间隔化？）对服务器的重复调用，并确保它们不会使服务器超载并且也不会重叠 - 例如如果在另一个请求未完成时重复间隔，则应取消之前的请求，并考虑延长间隔时间。