请问关于前端模板原理

请问这个模板原理是怎么样实现的？使用html接受一个js脚本是什么意思以及请问data中那么多数据，可是模板中只有2个div这应该怎么替换？没有对应的就不替换了吗

查看完整描述

1 回答

码农2号

TA贡献151条经验获得超48个赞

在html里面遍历，有多少数据就会有多少div。你的模板使用方法我没验证对不对，但是绝对有局限性，我们都不是这样用的。

反对回复 2018-04-12

hy_wang
请教一下平常日常开发您都是怎么使用的万分感谢

回复 2018-04-12
码农2号
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模板使用</title> </head> <body> <ul class="container"></ul>  <script type="text/html" id="tpl">  {{each data as v i}}  <li>{{v.xxx}}</li> {{/each}} </script>  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>  <script src="./template.js"></script> <script> // 找到父元素,确定插入数据的位置 var container=$('.container'); $.ajax({ type: 'post', // url地址需要你自己写，你需要请求的地址 url: 'xxxx', dataType: 'json', data: { //此处不传参数可以不写 }, async: false,//此行是同步异步的处理，一般不用写 success: function (data) { // 打印一下获取的data值 console.log(data); // 模板的渲染 //注意：tpl是上面<script type="text/html" id="tpl"></script>中的id，可以自己修改，但上下一定要一致 container.html(template("tpl", data)); } }) </script> </body> </html>

回复 2018-04-12
码农2号
很简单的一个模板引用与渲染，自己调整一下自己的值

回复 2018-04-12

热搜