EJS语法

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)

    }

  • 最后编辑于
    ©著作权归作者所有,转载或内容合作请联系作者
    【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
    平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

    相关阅读更多精彩内容

    友情链接更多精彩内容