javascript - 在不刷新页面的情况下更新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里面创建一个

setInterval使用和的示例append

Answer 2

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

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

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

不会有闪烁。

Answer 3

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