Question

现在我熟悉JSON和jQuery我正在寻找一个这样做的库：

实时更新我的表（使用JSON（每隔x秒调用一次））并删除或隐藏已删除的行或插入新行，但我需要以特殊方式显示新行：< / p>

让我解释一下：

Json请求1发送：
1;番茄2;苹果3;沙拉4; Carot

Json请求2发送：
1;番茄3;沙拉4;胡萝卜5;土豆

我希望第二行消除效果（fadeOut）并且下面的行向上移动。对于第5行，我只想要一个淡入的新行。

是否有任何库存在这样做？

我在PHP中这样做，但我希望用JS编写所有这些。

用户只需查看表格，看到新行出现，旧行删除。

任何想法或我应该从头开始写它？

Answer 1

你可以使用真棒jqGrid plugin。

要进行自动刷新，您应该这样做：

setInterval(function(){
  $("#grid1").trigger("reloadGrid");
}, 10000);

要更改要发送的参数，请使用插件方法.setPostData()

希望这会有所帮助。欢呼声。

Answer 2

你可以用纯jquery写这个。只需每次加载表，例如.post（）。淡入/淡出 - 也不是一个大问题，只需附加html（div / row）和show（）以及垂直幻灯片的效果。可能会改变不透明度。

PS。特别建议你看看ExtJS网格......这是另一种让桌子看起来很漂亮的方法。你需要extjs的一件事 - 计时器，更新它，如果mysql在后台也在改变。