Ajax的相關(guān)細(xì)節(jié)問題和art-template模板引擎使用:
1.ajax的用處就是能夠隨時(shí)隨地獲取服務(wù)器的數(shù)據(jù),稱之為網(wǎng)絡(luò)編程
2.服務(wù)器響應(yīng)的數(shù)據(jù),每次的格式并不一致,有的時(shí)候是json格式,有的時(shí)候是xml格式,或者別的格式,所以每次請求服務(wù)器數(shù)據(jù)的時(shí)候,不僅服務(wù)器的數(shù)據(jù)格式需要設(shè)定,而且我們請求的時(shí)候,格式也要設(shè)定
header(Content-Type:application/對應(yīng)的格式);
3.關(guān)于Ajax的同步和異步問題
其實(shí)Ajax中同步的方式已經(jīng)被淘汰了,所以我們只是了解一下就行
在open函數(shù)中,有第三個(gè)參數(shù),是一個(gè)布爾值,默認(rèn)為true,代表的是以異步的方式請求數(shù)據(jù)
異步不會等待,他發(fā)完命令之后就會去做其他的事情,而同步會登在原地,等這個(gè)事情做完之后才會去做下一個(gè)事情,稱之為阻塞。
art-template模板引擎使用:
1.為什么要引入模板引擎:
我們從服務(wù)器中獲取數(shù)據(jù),數(shù)據(jù)的格式一般是json或者是xml格式,但是我們要將他們轉(zhuǎn)化為頁面表格形式顯示出來的話,就需要一系列很復(fù)雜的操作,才能夠?qū)崿F(xiàn),而引入模板引擎,可以將這些步驟都簡化,達(dá)到我們想要的目的。
2.模板引擎引入的步驟:
1.選擇模板引擎
2.下載模板引擎的js代碼
3.引入模板引擎
<script src="template-web.js"></script>
4.準(zhǔn)備一個(gè)模板
<script id="tmpl" type="text/x-art-template">
? ? {{each comments}}
? ? <!-- each 內(nèi)部 $value 拿到的是當(dāng)前被遍歷的那個(gè)元素 -->
? ? <tr>
? ? ? <td>{{$value.author}}</td>
? ? ? <td>{{$value.content}}</td>
? ? ? <td>{{$value.created}}</td>
? ? </tr>
? ? {{/each}}
? </script>
5.準(zhǔn)備一個(gè)數(shù)據(jù)
// 模板所需數(shù)據(jù)
? ? ? var context = { comments: res.data }
? ? ? // 借助模板引擎的API 渲染數(shù)據(jù)
? ? ? var html = template('tmpl', context)
6.通過模板引擎提供的函數(shù),將我們的數(shù)據(jù)渲染到瀏覽器頁面?
?document.getElementById('demo').innerHTML = html