laytpl JavaScript模板引擎使用

1.页面发送异步请求获取数据后构造页面结构之前都是采用拼接的方式,后来发现laytpl这个模板引擎尝试使用了一下,上手非常快。官网地址http://laytpl.layui.com/    模板只有2kb,执行效率也不错,详见官网。


2.页面结构


 function intiKMInfo() {
            $.ajax({
                type: "post",
                url: "../../ashx/zlxxzs.ashx",
                data: "",
                success: function (data) {
                    var gettpl = document.getElementById('demo').innerHTML;   //获取拼接部分的内容
                    laytpl(gettpl).render(eval(data), function (html) {       //給拼接的模板绑定数据
                        document.getElementById('view').innerHTML = html;    // 吧生成的结构绑定在负责呈现内容的div中。
                    });
                }
            });
        }

完成。

ps: id=view的 div为最终绑定html的div  ,

你可能感兴趣的:(前端)