我为什么要使用JQuery Ajax模板

时间:2012-10-09 00:42:02

标签: javascript ajax jquery

我从来没有遇到任何问题,从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;
}

1 个答案:

答案 0 :(得分:2)

模板是一种管理关注点分离的方法。基本的想法是你的HTML应该关注文档的结构,你的javascript关注更新文档提供的数据。

通过使用模板,HTML不必知道模板绑定的属性名称之外的任何数据,并且Javascript不必知道数据的结构如何呈现。 Javascript只是从任何地方检索数据,然后使用适当的值弹出HTML中定义的模板。

显然,问题中的方法很有效,但问题是,如果您想要更改页面的布局,则可能需要浏览Javascript并修改所有这些代码。使用模板,所有的布局都应该在HTML中 - 所以你可以根据需要修改布局,它应该只在当然的限制内工作。