0

从 json 到 html 等等，我从来没有遇到过任何问题。我看到了许多用于 ajax html 模板的库，但我从来没有找到我应该使用的答案。

也许主要的答案是代码可见性和维护？速度或任何其他原因呢？

这就是我从 json 设计 html 的方式：

function MakeRow(item, alt) {    

    var html = "<div class='item "+alt+"'>";
    html += "<div class='checkbox'><input type='checkbox' name='checkedRecords' value='" + item.ID + "' /></div>";
    html += "<div class='attach'><img src='" + item.Attach + "' /></div>";
    html += "<div class='from'>"+item.From+"</div>";
    html += "<div class='title'>"+item.Title+"</div>";
    html += "<div class='date'>"+item.Date+"</div></div>";
    return html;
}
4

1 回答 1

2

模板是一种管理关注点分离的方法。基本思想是您的 HTML 应该关注文档的结构，而您的 javascript 关注更新文档呈现的数据。

通过使用模板，除了模板绑定的属性名称之外，HTML 不需要知道任何关于数据的信息，并且 Javascript 不需要知道如何呈现数据的结构。Javascript 只是从任何地方检索数据，然后使用适当的值填充 HTML 中定义的模板。

显然，您的问题中的方法有效，但问题是如果您想更改页面的布局，您可能必须浏览您的 Javascript 并修改所有这些代码。使用模板，所有布局都在它应该在的位置 - 在 HTML 中 - 因此您可以根据需要修改布局，并且它应该都可以正常工作，当然在限制范围内。

于 2012-10-09T00:50:34.497 回答