EJS语法

2017-06-14 本文已影响0人 web前端ling

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)

}