什么是AJAX

這篇文章主要講解了“什么是AJAX”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“什么是AJAX”吧！

虎丘ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

為了更好的閱讀本系列教程，對(duì)讀者有如下要求：

l 熟悉HTML。

l 熟悉HTTP協(xié)議。

l 熟悉javascript。

l 熟悉XML。

l 熟悉XML DOM。

AJAX并不是一項(xiàng)新技術(shù)，它只是一個(gè)新標(biāo)準(zhǔn)。根據(jù)小菜個(gè)人理解，所謂AJAX技術(shù)，即為了實(shí)現(xiàn)客戶端和服務(wù)器的后臺(tái)交互，以xml作為信息載體，利用javascript進(jìn)行控制，通過HTTP協(xié)議進(jìn)行交互，達(dá)到html界面部分刷新的效果。

下面小談一下這些技術(shù)。

HTML沒啥好說的。

HTTP協(xié)議內(nèi)容就比較多了。在AJAX實(shí)踐中，會(huì)涉及到POST、GET方法請(qǐng)求數(shù)據(jù)、HTTP頭部信息的構(gòu)造、數(shù)據(jù)的解析格式等，主要就是這三項(xiàng)，看看哪個(gè)不熟悉，趕緊補(bǔ)習(xí)吧！不過都很簡(jiǎn)單，不要有壓力。

小菜覺得AJAX就是在寫Javascript腳本，javascript負(fù)責(zé)聲明一個(gè)至關(guān)重要的XMLHttpRequest對(duì)象，這個(gè)對(duì)象通過POST或GET方法向服務(wù)器發(fā)送請(qǐng)求，取得xml的格式的返回?cái)?shù)據(jù)，再把xml解析，展示在界面上，這就是AJAX執(zhí)行過程。

xml無(wú)非就是一種數(shù)據(jù)規(guī)范，它可以使數(shù)據(jù)具有一定結(jié)構(gòu)，這樣一來，方便了數(shù)據(jù)組織，又方便了數(shù)據(jù)擴(kuò)展。

xml的基本組成是元素，也就是HTML中常說的標(biāo)簽，例如：<book></book>；而元素和元素又可以嵌套，例如：<book><name></name></book>。同時(shí)，元素又可以擁有屬性，例如：<book><name data=”一千零一夜”></name></book>。

這樣一來，xml就可以表示非常豐富、靈活的信息，甚至可以當(dāng)成小型數(shù)據(jù)庫(kù)來用。

在此，小提一下，建議用子元素的方法來擴(kuò)展元素，例如：<book><name></name></book>，不建議用屬性的方式擴(kuò)展元素，例如：<book name=””></book>，因?yàn)樽釉乇葘傩愿屿`活，也符合xml的設(shè)計(jì)思想。

想要用Javascript操作xml，必須了解基本的DOM(Document Object Model)知識(shí)。為了方便讀者學(xué)習(xí)，小菜簡(jiǎn)單介紹一下XML DOM。

根據(jù)DOM定義，xml中每個(gè)成分都是一個(gè)節(jié)點(diǎn)。根據(jù)小菜的理解，成分的含義就是xml的組成部分。

具體如下：

l 整個(gè)文檔是一個(gè)文檔節(jié)點(diǎn)。

l 每個(gè)xml標(biāo)簽是一個(gè)元素節(jié)點(diǎn)。例如<book></book>是一對(duì)標(biāo)簽，也叫元素節(jié)點(diǎn)，又叫元素。

l 包含在xml元素中的文本是文本節(jié)點(diǎn)。例如<name>一千零一夜</name>，其中“一千零一夜”就是文本節(jié)點(diǎn)。

l xml元素的屬性叫屬性節(jié)點(diǎn)。例如<book serialNumber=”0905024”></book>，其中serialNumber就是屬性節(jié)點(diǎn)。

節(jié)點(diǎn)有三個(gè)非常重要的屬性，分別為：nodeName(節(jié)點(diǎn)名稱)、nodeValue(節(jié)點(diǎn)值)、nodeType(節(jié)點(diǎn)類型)。其中nodeName和nodeValue非常常用，必須搞清楚。

對(duì)于nodeName(只讀)有：

l 元素節(jié)點(diǎn)的nodeName與該元素的標(biāo)簽名相同。例如元素<book></book>，它的nodeName就是book。

l 屬性節(jié)點(diǎn)的nodeName就是屬性名稱。例如<book serialNumber=” 0905024”></book>，屬性節(jié)點(diǎn)是serialNumber，那么它的nodeName屬性也是serialNumber。

l 文本節(jié)點(diǎn)的nodeName是固定的#text字符串。例如<name>一千零一夜</name>，文本節(jié)點(diǎn)是“一千零一夜”，它的nodeName將返回”#text”這個(gè)固定字符串。

對(duì)于nodeValue(讀/寫)有：

l 元素節(jié)點(diǎn)的nodeValue返回undefind。例如<book></book>元素，它的nodeValue屬性將返回undefind。

l 屬性節(jié)點(diǎn)的nodeValue即該屬性的值。例如<book serialNumber=” 0905024”></book>，屬性節(jié)點(diǎn)是serialNumber，它的nodeValue返回0905024。

l 文本節(jié)點(diǎn)的nodeValue即文本自身內(nèi)容。例如<name>一千零一夜</name>，文本節(jié)點(diǎn)是“一千零一夜”，它的nodeValue返回“一千零一夜”。這個(gè)一定要特別注意?。?！本例中name元素包含了一個(gè)“一千零一夜”文本節(jié)點(diǎn)，“一千零一夜”并不是name元素的值(nodeValue)！name元素的值(nodeValue)是undefind！因此實(shí)際編程時(shí)要注意，當(dāng)獲取到name元素時(shí)，還要類似firstChild、childNodes[0]這樣進(jìn)一步獲取元素中包含的文本節(jié)點(diǎn)，然后才能用nodeValue屬性讀出文本內(nèi)容。

綜上，可以用一張圖概括AJAX技術(shù)：

感謝各位的閱讀，以上就是“什么是AJAX”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)什么是AJAX這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

本文名稱：什么是AJAX
標(biāo)題網(wǎng)址：http://muchs.cn/article4/jiogoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、網(wǎng)站排名、響應(yīng)式網(wǎng)站、企業(yè)網(wǎng)站制作、云服務(wù)器、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)