2019-05-23

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容