Ajax技術(shù)和原理分析

黃欣彬　張婭

摘要 運用Ajax技術(shù)可以大大改變Web應(yīng)用程序的開發(fā)方式，實現(xiàn)無需刷新頁面就能實現(xiàn)頁面更新。本文主要分析Ajax的原理，是Ajax的核心對象，以及運用Ajax技術(shù)的優(yōu)點及缺陷。

關(guān)鍵詞 Ajax 原理；XmlHttpRequest對象；Ajax優(yōu)勢

中圖分類號 TP3 文獻標(biāo)識碼 A 文章編號 2095—6363（2016）13—0045—01

Ajax不是新研究開發(fā)的一種技術(shù)，是一種使用現(xiàn)有標(biāo)準(zhǔn)的新方法，主要是多種原有技術(shù)結(jié)合在一起而形成的一種技術(shù)。主要通過使用CSS和XHTML來實現(xiàn)表示，實現(xiàn)交互和動態(tài)顯示通過DOM模型來完成，通過XMLHttpRequest來實現(xiàn)與服務(wù)器進行異步通信，并且通過JavaScript來完成相關(guān)綁定和調(diào)用。除XmlHttpRequest對象外，其他技術(shù)在網(wǎng)絡(luò)方面都得到很廣泛的運用。

XMLHttpRequest雖然目前還沒有被W3C所采納，但是它已經(jīng)是一個事實的標(biāo)準(zhǔn)，因為目前幾乎所有的主流瀏覽器都支持它。

1 Ajax核心原理

Ajax的核心原理主要是運用XmlHttpRequest對象向服務(wù)器發(fā)出異步請求，從而完成獲取服務(wù)器的數(shù)據(jù)操作，基于JavaScript技術(shù)來操作DOM實現(xiàn)頁面的更新，即無需加載整個網(wǎng)頁內(nèi)容的情況下實現(xiàn)網(wǎng)頁的差異更新。其關(guān)鍵步驟是請求數(shù)據(jù)如何從服務(wù)器獲得，主要通過XMLHttpRequest對象來實現(xiàn)。同時Ajax的遵守原則“按需取數(shù)據(jù)”，可以最大程度地減少“冗余請求”，降低服務(wù)器響應(yīng)的負荷。

2 XmlHttpRequest對象

AIjax的核心機制是XMLHttpRequest對象，最先在IE5中使用，能夠完成異步請求的一種技術(shù)，即通過JavaScript快速向服務(wù)器發(fā)起請求和處理響應(yīng)，并且不會阻塞用戶，實現(xiàn)無刷新的效果。XMLHttpRequest這個對象的屬性。

onreadystatechange所觸發(fā)事件的處理程序所表現(xiàn)的狀態(tài)；

responseText實現(xiàn)數(shù)據(jù)的字符串從服務(wù)器進程返回串形式；

responseXML從服務(wù)器進程返回的DOM兼容的文檔數(shù)據(jù)對象；

status從服務(wù)器返回的數(shù)字代碼，200（已就緒）和404（未找到）；

status Text伴隨狀態(tài)碼的字符串信息；

readyState狀態(tài)值（0，1，2，3，4）。

3 Ajax技術(shù)的優(yōu)勢

運用Ajax技術(shù)到Web中都會感覺該技術(shù)所帶來的優(yōu)點。

1）使用Ajax會開發(fā)出動態(tài)性非常強的Web界面，在一些運用Ajax技術(shù)的瀏覽器的搜索框輸入關(guān)鍵字時，服務(wù)器將快速接收到這些字符，服務(wù)器將快速返回一個搜索建議的列表。

2）頁面不需全部加載刷新，快速完成服務(wù)器與頁面內(nèi)的通信，給用戶的體驗非常好。頁面與服務(wù)器采用異步方式，防止打斷用戶的操作，從而其響應(yīng)能力更加快速的完成。

3）利用客戶端的閑置能力分擔(dān)服務(wù)器承載的一部分工作，從而降低服務(wù)器的負荷，同時也減少帶寬的負擔(dān)，節(jié)約公共資源，降低成本。

4）運用JavaScript的難度得到簡化。獨特JavaScript的靈活語法以及其物件觀念，讓其能夠更好深入使用文件物件模型（DOM）與CSS的強大操控能力，以便更好應(yīng)用瀏覽器XMLHttpRequest物件，簡化JavaScript的便用難度，更好地使開發(fā)人員專注在開發(fā)工作上。

5）瀏覽器的相容性問題得到一定的解決。對文件的解析與語法的支援在不同瀏覽器結(jié)果是有一定的差異，在瀏覽器不同版本上有時也會表現(xiàn)出不同的行為，從而讓JavaScript應(yīng)用程序出現(xiàn)一定的瓶頸，而采用Ajax框架能提前解放設(shè)計人員對瀏覽器相容性的問題。

4 Ajax技術(shù)的缺點

大家平時使用一種技術(shù)更多的注意其優(yōu)點，但也不能忽視其所帶來的缺陷。而Ajax技術(shù)也有自身的缺陷。

1）程序異常處理機制的缺陷。Ajax框架本身會直接造成程序的異常機制遭到破壞，若采用Ajax和傳統(tǒng)的form提交的模式來刪除一條數(shù)據(jù)，給代碼的編寫和調(diào)試帶來許多困難。

2）Ajax技術(shù)中沒后退功能，這主要是和JavaScript無法實現(xiàn)很好的結(jié)合。這就與IE后退功能相違背，而后退功能是Web站點的標(biāo)配功能。這也是Ajax技術(shù)自身存在的重要缺陷，但可通過較笨的辦法解決，即在Gmail中運用Ajax技術(shù)解決沒有后退功能，但沒有改變Ajax技術(shù)的退出機制。在Gmail中運用AjaX技術(shù)，瀏覽者可單擊IE后退按鈕查看歷史記錄時，通過創(chuàng)建或使用一個隱藏的IFRAME來完成頁面上的差異變更，即單擊后退時，在隱藏的IFRAME中實現(xiàn)搜索，并且在Ajax元素中反映出搜索結(jié)果，以便將應(yīng)用程序狀態(tài)恢復(fù)到當(dāng)時的狀態(tài)，但是它所帶來的開發(fā)成本是非常高的，和Ajax技術(shù)所要求的快速開發(fā)是相背離的。這是Ajax所帶來的一個非常嚴(yán)重的問題。

3）安全因素。一項技術(shù)的運用也給IT企業(yè)直接或間接產(chǎn)生了新的安全威脅，而通過Ajax技術(shù)建立一條通往企業(yè)數(shù)據(jù)的直接通道，這就會造成更多的數(shù)據(jù)和服務(wù)器邏輯會在不經(jīng)意間比以前暴露得更多。同時Ajax技術(shù)的邏輯會隱藏對客戶端的安全掃描技術(shù)，將給黑客從遠端服務(wù)器上建立新的攻擊提供了新的機會。同時Ajax也存在基于credentials的安全漏洞、跨站點腳步攻擊和等SOL注入攻擊。

4）Ajax沒有遵循資源定位和url的機制，手持設(shè)備（如手機、Pad等）不能非常靈活的支持Ajax技術(shù)，在手持設(shè)備的瀏覽器上打開運用Ajax技術(shù)設(shè)計的網(wǎng)站時，現(xiàn)在還不能很好的支持，需要有待的完善和改進。

5結(jié)論

Ajax不是一種萬能的技術(shù)，它有適合自身應(yīng)用的場合，并與現(xiàn)有的動態(tài)頁面技術(shù)互補融合，在未來的軟件技術(shù)發(fā)展中，相信Ajax將擔(dān)負起更多的用途，在Web應(yīng)用中發(fā)揮重要的作用。endprint