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


Add new info by AJAX call - get callback by json or html?

我有一个ajax调用,为了获得一些新信息,我想知道在dom中添加新元素的正确方法是什么。

通过在PHP中构建回调并回显它,或者向脚本发送一个json对象并使用新信息构建div?

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

谢谢!

JSON是最紧凑的对象表示,它的网络性能/发送效率比HTML更好。

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

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

就DOM插入而言,一个好的性能技巧是最小化DOM插入的数量。如果您的数据包含1000个元素,则不需要单独插入它们,而是先遍历它们以构建HTML字符串,然后用包含元素包装该字符串,只需插入一次就可以将其添加到DOM中。