html绘制加载渲染,最佳实践:加载渲染html或json?

博客讨论了在web应用中实现动态分页的两种方法:通过JS获取JSON数据并渲染,以及从服务器获取预渲染的HTML片段。作者提出在性能和安全性方面的考量,并倾向于使用预渲染的HTML片段,因为它简化了页面更新的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

嘿,我有一个愚蠢的问题,但我不太明白为什么.

背景:

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

我在应用程序中有一个页面显示有关单个用户的单个标签的详细信息.假设用户’bob’并标记’footag’.在这个页面上,我显示两个列表:所有的人都用’footag’标记了bob,所有的人都标记了’footag’.让我们把这些< div id =“received'>和< div id =”sent“>

假设这个视图的url是/ users / bob / tags / footag

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

问题

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

>获取接下来的10个用户的数据为json.编写js来渲染这些数据,替换div的内容.

>从服务器上的另一个定义良好的URL获取html的“代码片断”,比如/ users / bob / tags / footag / received?page = 1.我异步抓取它,只是替换相关的< div>的内容.

所以在一种情况下,我通过浏览器中的JS获取数据并将其渲染,另一种则是提取渲染数据,并将其批量放入文档.

有没有理由不使用#2?我不能想象,但我想可能有安全方面,我没有考虑,或表演,或其他的东西.我更喜欢做#2,因为它大大简化了我的生活.

谢谢!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值