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