java dot模板怎么使用_前端模板引擎doT.js的使用

前言

我们在做前端开发时，经常需要根据后台返回的json数据动态生成html并插入到页面中显示。最简单的方法就是通过jQuery去遍历数据拼接html，如以下：

var data = {

list: [{

id: 1,

name: 'zhangsan',

email: 'zhangsan@lwhweb.com'

}, {

id: 2,

name: 'lisi',

email: 'lisi@lwhweb.com'

}]

};

var html = '';

$.each(data.list, function(index, item) {

html += '

';

html += '

' + item.id + '';

html += '

' + item.name + '';

html += '

' + item.email + '';

html += ''

});

$('#userList').empty();

$('#userList').html(html);

但是，这种通过拼接html的方式使用在比较简单的结构还好；如果结构比较复杂，拼接的时候还得注意引号