js模板引擎 · 学习AJAX

[TOC] >[success] # js模板引擎 <br/> [art-template模板引擎github地址](https://github.com/aui/art-template) [art-template模板引擎中文文档](https://aui.github.io/art-template/zh-cn/docs/syntax.html) <br/> ~~~ 什么是'模板引擎'，最早的项目中'后台'给'前端'返回数据，'前端'需要用返回的数据与'标签'进行'字符串拼接'，所以'费事还麻烦'，后来出了'模板引擎'，应该也算是'jQuery'到'Vue'之间的一个产物了，虽然说现在已经基本上用不到了，可以学一学。 ~~~ <br/> 1. 语法 ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>模板引擎的使用</title>  <script src="./template-web.js"></script> </head> <body>    <script type="text/html" id="template"> <ul> <li>名字{{name}}</li> <li>技能{{skill}}</li> <li>爱好{{hobby}}</li> </ul> </script>  <script> var data = { name: '卢本伟', skill:'打游戏', hobby:'斗地主' } // 参数1：模板id,参数2：填充的数据 var result = template('template',data) console.log(result) // 打印结果： // <ul> // <li>名字卢本伟</li> // <li>技能打游戏</li> // <li>爱好斗地主</li> // </ul> </script> </body> </html> ~~~