在不刷新页面的情况下更新json数据？答案

【问题标题】：Update json data without refreshing the page?在不刷新页面的情况下更新json数据？
【发布时间】：2012-04-14 18:14:28
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

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

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

创建一个div，里面有some text some more text

【讨论】：

【解决方案2】：

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

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

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

不会闪烁。

【讨论】：

【解决方案3】：

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

【讨论】：