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>