從剛剛接觸B/S開發(fā),就耳聞AJAX技術(shù),但一直處于模棱兩可的狀態(tài),大道理明白,一到動手就傻眼了。
AJAX仿佛就是深不可測的技術(shù),成為B/S學(xué)習(xí)過程中的一個陰影。
直到前些日子,小菜才真正開始AJAX實踐,真正動手了才發(fā)現(xiàn),AJAX并沒有那么困難,如果不考慮AJAX的變型應(yīng)用,只考慮AJAX基本應(yīng)用,它還是相當(dāng)簡單的,過于復(fù)雜的理論阻礙了我們動手的積極性。
因此,本系列教程將從實用的角度出發(fā),以最快的速度讓讀者掌握基本的AJAX應(yīng)用,以最直接的方式展示AJAX技術(shù)。
為了更好的閱讀本系列教程,對讀者有如下要求:
l 熟悉HTML。
l 熟悉HTTP協(xié)議。
l 熟悉javascript。
l 熟悉XML。
l 熟悉XML DOM。
AJAX并不是一項新技術(shù),它只是一個新標(biāo)準(zhǔn)。根據(jù)小菜個人理解,所謂AJAX技術(shù),即為了實現(xiàn)客戶端和服務(wù)器的后臺交互,以xml作為信息載體,利用javascript進(jìn)行控制,通過HTTP協(xié)議進(jìn)行交互,達(dá)到html界面部分刷新的效果。
下面小談一下這些技術(shù)。
HTML沒啥好說的。
HTTP協(xié)議內(nèi)容就比較多了。在AJAX實踐中,會涉及到POST、GET方法請求數(shù)據(jù)、HTTP頭部信息的構(gòu)造、數(shù)據(jù)的解析格式等,主要就是這三項,看看哪個不熟悉,趕緊補(bǔ)習(xí)吧!不過都很簡單,不要有壓力。
小菜覺得AJAX就是在寫Javascript腳本,javascript負(fù)責(zé)聲明一個至關(guān)重要的XMLHttpRequest對象,這個對象通過POST或GET方法向服務(wù)器發(fā)送請求,取得xml的格式的返回數(shù)據(jù),再把xml解析,展示在界面上,這就是AJAX執(zhí)行過程。
xml無非就是一種數(shù)據(jù)規(guī)范,它可以使數(shù)據(jù)具有一定結(jié)構(gòu),這樣一來,方便了數(shù)據(jù)組織,又方便了數(shù)據(jù)擴(kuò)展。
xml的基本組成是元素,也就是HTML中常說的標(biāo)簽,例如:<book></book>;而元素和元素又可以嵌套,例如:<book><name></name></book>。同時,元素又可以擁有屬性,例如:<book><name data=”一千零一夜”></name></book>。
這樣一來,xml就可以表示非常豐富、靈活的信息,甚至可以當(dāng)成小型數(shù)據(jù)庫來用。
在此,小提一下,建議用子元素的方法來擴(kuò)展元素,例如:<book><name></name></book>,不建議用屬性的方式擴(kuò)展元素,例如:<book name=””></book>,因為子元素比屬性更加靈活,也符合xml的設(shè)計思想。
想要用Javascript操作xml,必須了解基本的DOM(Document Object Model)知識。為了方便讀者學(xué)習(xí),小菜簡單介紹一下XML DOM。
根據(jù)DOM定義,xml中每個成分都是一個節(jié)點。根據(jù)小菜的理解,成分的含義就是xml的組成部分。
具體如下:
l 整個文檔是一個文檔節(jié)點。
l 每個xml標(biāo)簽是一個元素節(jié)點。例如<book></book>是一對標(biāo)簽,也叫元素節(jié)點,又叫元素。
|
新聞熱點
疑難解答
圖片精選