为什么要使用JQuery Ajax模板

Question

从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关注的是更新文档提供的数据。

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

显然，你的问题中的方法是有效的，但问题是，如果你想改变页面的布局，你可能不得不拖拽你的Javascript并修改所有这些代码。有了模板，所有的布局都在它应该在的地方-在HTML中-所以你可以根据你的需要修改布局，当然，它应该都是在限制范围内工作的。