更新json数据而不刷新页面？

Question

我有一个来自JSON数据的用户列表。在一段时间间隔后，我想显示必须更新的用户列表，以及是否在JSON数据中找到任何新条目，以及是否有任何条目从JSON数据中删除。

我正在使用setInterval()功能，但用户列表一直闪烁，我不想显示（闪烁所有数据的效果）。

最初我使用$("#test").html(" ");然后使用AJAX调用。

有人有这个问题的想法吗？

Answer 1

您可以使用.append()将文本附加到DOM元素，例如

<div id="list">some text</div>
$('#list').append(' some more text');

在

中创建div some text some more text

Example using setInterval and append

Answer 2

为什么要在ajax调用之前清空列表？

如果您只是从您通过ajax调用收到的json数据中完全重建新的html（比如newListHtml），那么

$("#test").html(newListHtml);

没有眨眼。

Answer 3

您可以使用kcnockout.js库，该库具有与JavaScript对象和可观察行为的数据绑定。这正是你要找的。 （它会自动更新已更改的数据）