EJS语法
<%%> js的代码
<%= %> 输出的内容
四部曲
四部曲
1：引进ejs.min.js插件
2：通过ajax获取到data数据
3：ejs 造模板 搭html结构 导入数据
4:获取模板html结构 ejs.render
3：ejs 造模板 搭html结构 导入数据
给他加一个id
<%
$.each(mainData,function(index,item){
%>
<%=
item.id
%>
<%=
item.name
%>
<%=
(item.sex)==0?'男':'女'
%>
<%=
item.score
%>
<%
})
%>
4获取模板html结构
function binfHtml(data){
/*第四部
* 获取模板html结构
* */
var mainHTML=$('#mainTemplate').html();
var result=ejs.render(mainHTML,{mainData:data})/*ejs.render(模板的html结构，{模板数据：data})*/
$('.main').html(result)
}
网友评论