Ajax的相关细节问题和art-template模板引擎使用：

1.ajax的用处就是能够随时随地获取服务器的数据，称之为网络编程

2.服务器响应的数据，每次的格式并不一致，有的时候是json格式，有的时候是xml格式，或者别的格式，所以每次请求服务器数据的时候，不仅服务器的数据格式需要设定，而且我们请求的时候，格式也要设定

header（Content-Type：application/对应的格式）;

3.关于Ajax的同步和异步问题

其实Ajax中同步的方式已经被淘汰了，所以我们只是了解一下就行

在open函数中，有第三个参数，是一个布尔值，默认为true，代表的是以异步的方式请求数据

异步不会等待，他发完命令之后就会去做其他的事情，而同步会登在原地，等这个事情做完之后才会去做下一个事情，称之为阻塞。

art-template模板引擎使用：

1.为什么要引入模板引擎：

我们从服务器中获取数据，数据的格式一般是json或者是xml格式，但是我们要将他们转化为页面表格形式显示出来的话，就需要一系列很复杂的操作，才能够实现，而引入模板引擎，可以将这些步骤都简化，达到我们想要的目的。

2.模板引擎引入的步骤：

1.选择模板引擎

2.下载模板引擎的js代码

3.引入模板引擎

<script src="template-web.js"></script>

4.准备一个模板

<script id="tmpl" type="text/x-art-template">

    {{each comments}}

    <!-- each 内部 $value 拿到的是当前被遍历的那个元素 -->

    <tr>

      <td>{{$value.author}}</td>

      <td>{{$value.content}}</td>

      <td>{{$value.created}}</td>

    </tr>

    {{/each}}

  </script>

5.准备一个数据

// 模板所需数据

      var context = { comments: res.data }

      // 借助模板引擎的API 渲染数据

      var html = template('tmpl', context)

6.通过模板引擎提供的函数，将我们的数据渲染到浏览器页面 

 document.getElementById('demo').innerHTML = html