c# - 关于在客户端填充相同 html 项目(具有不同值)的建议，因为服务器端序列化会阻止它

Question

我有这个 item-html 模板:

<div class="item">
    <div class="data1"></div>
    <div class="data2"></div>
    <div class="data3"></div>
    <div class="data4"></div>
    <div class="data5"></div>
    <div class="data6"></div>
</div>  

我的数据从服务器序列化为 Javascript 对象(通过 JSON 获取)。

例如，我有 1000 个 JS 对象，我需要附加 1000 个这样的 html 项目，每个项目都有每个对象的数据。

在客户端使用 JavaScript 循环并附加它们是非常密集的!我想在服务器端创建整个 html(有很大的冗余，因为我为每个项目发送 html 标签)并打印它们，但这是不可能的，因为这些对象是从 C# 序列化的，并且我得到了 maxJsonLength 异常。

那么您建议如何解决这个问题？

Answer 1

简单地循环 JSON 并填充/附加每个 div 不会太繁重。我提出的一个建议是确保添加到 DOM 外部的元素，这样就不会导致 1000 次重绘。填充最终对象后，将其添加到 DOM，以便仅发生一次重绘。