javascript - 为什么我应该使用 JQuery Ajax 模板

Question

就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放， visit the help center以获得指导。

已关闭 10 年前。

我从来没有遇到过从 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;
}

Answer 1

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

通过使用模板，除了模板绑定(bind)的属性名称之外，HTML 不必了解任何有关数据的信息，并且 Javascript 也不必了解有关数据结构的任何信息呈现。 Javascript 只是从任意位置检索数据，然后使用适当的值填充 HTML 中定义的模板。

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