最佳实践:加载渲染的html或json？

Question

嘿伙计们,我有一个感觉很愚蠢的问题,但我不能说出原因.

背景:

想象一下带有用户和标签的webapp.用户互相标记.

我在应用程序中有一个页面,显示与单个用户相关的单个标签的详细信息.让我们说用户' bob '并标记' footag '.在这个页面上,我显示了两个列表:所有使用'footag'标记bob并且所有人bob都标记为'footag'的人.让我们称呼这些<div id="received'>和<div id="sent">

让我们说这个观点的网址是 /users/bob/tags/footag

当然,这些列表很长 - 我不想在浏览页面上加载整个列表.所以我为每个加载前十个.

这个问题

现在,我可以通过以下两种方式之一为每个列表提供动态分页:

1. 以json的形式获取下10个用户的数据.写js来渲染这个数据,替换.的内容div.
2. 比如,从我服务器上另一个定义良好的URL获取html的"片段" /users/bob/tags/footag/received?page=1.我异步获取它只是替换相关的内容<div>.

因此,在一种情况下,我在浏览器中通过JS获取数据并进行渲染,另一种情况是我获取渲染数据并将其批量整理到文档中.

有没有理由不使用#2？我无法想象一个,但我想可能存在我不考虑的安全方面,或性能,或其他.我更喜欢做#2,因为它大大简化了我的生活.

谢谢!

Answer 1

我有一个这样的应用程序-我同时使用两种方法。

我使用方法1来更新不连续的字段（例如到处都是输入字段），但是我使用方法2来更新表格数据，就像您的列表一样。

对于您的情况，我会坚持第二。