php - 通过 AJAX 调用添加新信息 - 通过 json 或 html 获取回调？

Question

我有一个 ajax 调用以获取一些新信息，我想知道将新元素添加到 dom 中的正确方法是什么。

通过在 PHP 中构建回调并将其回显，或者将 json 对象发送到脚本并使用新信息构建 div？

在您的回答中，请包括性能、显示结果的速度、服务器带宽成本。

谢谢！

Answer 1

JSON 是最紧凑的对象表示，并且比 HTML 具有更好的网络性能/发送效率。

此外，让前端 JS 代码了解“数据”而不仅仅是其表示，将使您在执行客户端逻辑时更加灵活。

此外，这是数据、业务逻辑和表示的更好分离。如果您更改 HTML/CSS，则不必更改仅负责发送数据的后端脚本。

至于 DOM 插入，一个好的性能技巧是最小化 DOM 插入的数量。如果您的数据包含 1,000 个元素，而不是单独插入它们，首先迭代它们以构建一个 HTML 字符串，然后用包含元素包装该字符串，您只需一次插入即可将其添加到 DOM。