Ajax学习第四天

Ajax学习第四天

今天主要是写了两个案例，这两个案例还是单独开一栏写好了，这里介绍一下模板引擎的使用。
作用：使用模板引擎提供的模板语法，可以将数据和HTML拼接起来，这里我使用 的是art-template,使用步骤如下：

1. 下载 art-template 模板引擎库文件并在HTML页面中引入库文件

2. 准备 art-template 模板

   <script type="text/html" id="tpl">
       <div id="box">
       </div>
   </script>
   

3. 告诉模板引擎将哪一个模板和哪个数据进行拼接
   var html = template('tpl',{username:'zs',age:'20'});

4. 将拼接好的html字符串添加到页面中
   document.getElementById('contaoner').innerHTML = html

5. 通过模板语法告诉模板引擎，数据和html字符串要如何拼接

   <script type="text/html" id="tpl">
       <div id="box">
           <h1>{{username}},{{age}}</h1>
       </div>
   </script>