AJAX（Asynchronous JavaScript and XML，異步JavaScript和XML），AJAX并不是一項(xiàng)新的技術(shù)，它產(chǎn)生的主要目的是用于頁面的局部刷新，從之前的代碼開發(fā)來看，讀者可以發(fā)現(xiàn)，每當(dāng)用戶向服務(wù)器端發(fā)出請求時，那怕需要的只是簡單的更新一點(diǎn)點(diǎn)的局部內(nèi)容，服務(wù)器端都會將一個整體的頁面進(jìn)行刷新，并重新生成代碼，這樣一來程序的性能肯定會有所降低的，而如果采用了AJAX技術(shù)之后，就可以實(shí)現(xiàn)局部的內(nèi)容變更，而不用再進(jìn)行整體的頁面刷新，顯然處理的性能要比前者高很多 。
在AJAX中主要是通過XMLHttpRequest對象處理發(fā)送異步請求和處理回應(yīng)的，此對象最早是在IE 5中以ActiveX組件的形式出現(xiàn)的，一直到2005年之后才被廣泛的使用，而如果要想創(chuàng)建一個XMLHttpRequest對象必須使用JavaScript。
XMLHttpRequest對象的屬性
|
No. |
屬性 |
描述 |
|
1 |
onreadystatechange |
指定當(dāng)readState狀態(tài)改變時使用的操作，一般都用于指定具體的回調(diào)函數(shù) |
|
2 |
readyState |
返回當(dāng)前請求的狀態(tài)，只讀 |
|
3 |
responseBody |
將回應(yīng)信息正文以unsigned byte數(shù)組形式返回，只讀 |
|
4 |
responseStream |
以Ado Stream對象的形式返回響應(yīng)信息，只讀 |
|
5 |
responseText |
接收以普通文本返回的數(shù)據(jù)，只讀 |
|
6 |
responseXML |
接收以XML文檔形式回應(yīng)的數(shù)據(jù)，只讀 |
|
7 |
status |
返回當(dāng)前請求的http狀態(tài)碼，只讀 |
|
8 |
statusText |
返回當(dāng)前請求的響應(yīng)行狀態(tài)，只讀 |
創(chuàng)建XMLHttpRequest對象
對readState一共有五種取值，分別是：
請求沒有發(fā)出（在調(diào)用open()函數(shù)之前之前）。
請求已經(jīng)建立但還沒有發(fā)出（調(diào)用send()函數(shù)之前）。
請求已經(jīng)發(fā)出正在處理之中（這里通?？梢詮捻憫?yīng)得到內(nèi)容頭部）。
請求已經(jīng)處理，正在接收服務(wù)器的信息，響應(yīng)中通常有部分?jǐn)?shù)據(jù)可用，但是服務(wù)器還沒有完成響應(yīng)。
響應(yīng)已完成，可以訪問服務(wù)器響應(yīng)并使用它。
XMLHttpRequest對象的方法
|
No. |
方法 |
描述 |
|
1 |
abort() |
取消當(dāng)前所發(fā)出的請求 |
|
2 |
getAllResponseHeaders() |
取得所有的HTTP頭信息 |
|
3 |
getResponseHeader() |
取得一個指定的HTTP頭信息 |
|
4 |
open() |
創(chuàng)建一個HTTP請求，并指定請求模式，例如：GET請求或POST請求 |
|
5 |
send() |
將創(chuàng)建的請求發(fā)送到服務(wù)器端，并接收回應(yīng)信息 |
|
6 |
setRequestHeader() |
設(shè)置一個指定請求的HTTP頭信息 |
AJAX封裝后的代碼
Ajax.js
使用AJAX可以完成局部刷新操作；
在AJAX中主要是通過XMLHttpRequest對象完成操作。
以上就是關(guān)于AJAX開發(fā)技術(shù)的全部內(nèi)容了，希望小伙伴們能夠喜歡。
標(biāo)簽：辛集 佛山 揭陽 紅河 股票 咸寧 荊州 商洛
巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《淺談AJAX開發(fā)技術(shù)》，本文關(guān)鍵詞 淺談,AJAX,開發(fā)技術(shù),淺談,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
