基于Ａｊａｘ技術的Ｗｅｂ應用研究

摘要：隨著越來越復雜的基于Web的新型服務的出現，傳統的Web應用已經不能滿足需要。Ajax（Asynchronous JavaScrift and XML）是指一種創建交互式網頁應用的Web開發技術，是多種已經蓬勃發展的技術以一種新的形式組合而成，該文從Ajax的主要技術、工作原理以及特點等幾個方面介紹Ajax在Web方面與傳統Web應用相比具有獨特的優勢，必將有光明的前景。

關鍵詞：Ajax；Web；XML；JavaScrift

中圖分類號：TP393文獻標識碼：A文章編號：1009-3044(2008)27-1969-01

Web Application Based on Ajax Study

LI Jie， ZHOU Guo-zheng

(Department of Computer Science，Jiyuan Vocational and Technical College，Jiyuan 454650，China)

Abstract: With the increasing complexity of the new Web-based services there， the traditional Web application can not meet the needs. Ajax (Asynchronous JavaScrift and XML) is a form of creation an interactive web-based applications to the Web technology， the main technical paper from Ajax， Principle and introduces several features Ajax in Web compared with traditional Web application is unique advantage， will definitely have a bright future.

Key words: Ajax; Web; XML; JavaScrift

1 引言

目前的Internet中。傳統的B/S模式Web應用得到廣泛的發展，在這種模式下是由用戶觸發一個http請求到服務器，服務器對其進行接受并進行處理后再返回一個新的html頁面到客戶端。每當服務器處理客戶端提交的請求時，客戶只能空閑等待，并且即使只是一次很小的交互，只需從服務器端得到很簡單的一個數據，都要返回一個完整的HTML頁，而用戶每次都要浪費時間和帶寬去重新讀取整個頁面。對服務器而言，會帶來嚴重的負載問題，經常需要發送重復的信息，以頁面為單位的請求一響應模式會嚴重降低Web表示層反應的靈敏性。同時由于頁面本身發生了跳轉，若不使用類似 Cookie等技術的處理，將大大增加服務器維護用戶狀態信息的負擔，而Cookie等技術的-運用，則又帶來很多安全方面的問題[2]。

基于Ajax的Web應用可以僅向服務器發送并取回必需的數據，它使用 SOAP或其它一些基于XML的 web service接口．并在客戶端采用 JavaScript處理來自服務器的響應 。這樣 ，在服務器和瀏覽器之問交換的數據就會大量減少 ，用戶就能看到響應更快的應用 ，用戶可以感覺到幾乎所有的操作都會很快響應沒有頁面重載)的等待 。同時，很多的處理工作可以在發出請求的客戶端機器上完成，大大減輕web服務器的負擔和處理時間[1]。

2 Ajax簡介

越來越復雜的基于Web的新型服務，不斷沖擊著我們已經習慣了的傳統的Web應用。Ajax（Asynchronous JavaScrift and XML）（異步JavaScript和XML）是指一種創建交互式網頁應用的Web開發技術，是多種已經蓬勃發展的技術以一種新的形式組合而成，也就是說，在Ajax中，采用的是一系列已有的甚至是陳舊的技術，把它們重新鍛造、延伸，超越其原有的概念，讓他們可以應付客戶端程序所要面對的復雜情況。Ajax具體包括以下幾個方面：

1) 使用XHTML和CSS標準化呈現

2) 使用DOM實現動態顯示和交互

3) 使用XML和XSTL進行數據交換與處理

4) 使用XMLHttpRequest對象進行異步數據讀取

5) 使用JavaScript綁定和處理所有數據

與傳統的B/S模式Web應用相比較，基于Ajax的Web應用的主要優勢在于：

1) 減輕服務器的負擔。

2) 無刷新更新頁面，減少用戶心理和實際的等待時間。

3) 可以把以前一些服務器負擔的工作轉嫁到客戶端，利用客戶端閑置的能力來處理，減輕服務器和帶寬的負擔，節約空間和寬帶租用成本。

4) 可以調用外部數據。

5) 進一步促進使WEB中的界面與應用分離(數據與呈現分離)。

3 Ajax的四個基本原則[3]

1) 瀏覽器中的是應用，而不是內容；

2) 服務器交付的是數據，而不是內容；

3) 用戶和應用的交互是流暢并且連續的，大部分對于服務器的請求是隱式的而不是顯式的；

4) 代碼庫與傳統Web應用相比是巨大的、復雜的，而且是組織良好的，有一套完整的編程規則。

4 Ajax使用的主要技術

1) JavaScript

JavaScript是通用的腳本語言，用來嵌入在各種應用之中。Web瀏覽器中嵌入的JavaScript解釋器允許通過程序與瀏覽器的很多內建功能進行交互。Ajax應用程序是使用JavaScript編寫的。

2) CSS（層疊樣式表）

CSS為Web頁面元素提供了一種可重用的可視化樣式的定義方法。它提供了簡單而又強大的方法，以一致的方式和使用可視化樣式。在Ajax應用中，用戶界面的樣式可以通過CSS獨立修改。

3) DOM（文檔對象模型）

DOM以一組可以使用JavaScript操作的可編程對象展現出Web頁面的結構。通過使用腳本修改DOM，Ajax應用程序可以在運行時改變用戶界面，或者高效地重繪頁面的某個部分。

4) XML

通過XML（Extensible Markup Language），可以規范的定義結構化數據，是網上傳輸的數據和文檔符合統一的標準。用 XML表述的數據和文檔，可以很容易的讓所有程序共享。

5) XMLHttpRequest對象

XMLHttpRequest對象允許Web程序員從Web服務器以后臺活動的方式獲取數據。數據格式通常是XML，可以很好地支持任何基于文本的數據形式。

5 Ajax的工作原理[1]

Ajax相當于在客戶端和服務器之間加入了一個中間層，來處理客戶端的請求，使用戶操作與服務器響應異步化。這時候，并不是所有的用戶請求都提交給服務器，像一些數據驗證和數據處理等都交給 Ajax引擎自己來完成，只有確定需要從服務器讀取新數據時再由 Ajax引擎代為向服務器提交請求，用什么就取什么、用多少就取多少 ，就不會有數據的冗余和浪費，減少了數據下載總量，而且更新頁面時不用重載全部內容，只更新需要更新的那部分即可，相對于純后臺處理 并重載的方式縮短了用戶等待時間，也把對資源的浪費降到最低，從而減輕服務器和帶寬的負擔，提高了服務器端的響應效率。

Ajax使 Web中的界面與應用分離（也可以說是數據與呈現分離），而在以前兩者是沒有清晰的界限的，數據與呈現分離的分離，有利于分工合作、減少非技術人員對頁面的修改造成的Web應用程序錯誤 、提高效率 、也更加適用于現在的發布系統。也可以把以前的一些服務器負擔的工作轉嫁到客戶端，利于客戶端閑置的處理能力來處理。

6 結束語

隨著Internet的發展，越來越多的新的Web服務的涌現，傳統的基于B/S的Web應用已經不能滿足需要，基于Ajax的Web應用具有傳統Web應用無法比擬的優勢：它減輕服務器的負擔，提高了服務器的響應時間；雖然目前 Ajax還存在著一些不足，但是這并不掩蓋 Ajax技術的強大功能。隨著各種Ajax相關規范的統一制訂， Ajax技術必將有光明的前景 。

參考文獻：

[1] 王星.基于AJAX技術的Web模型在網站開發中的應用研究[J].微計算機信息，2006(22).

[2] 楊國瑞.基于AJAX的Web應用架構設計[J].現代電子技術，2006(15).

[3] Dave Crane.Ajax in Action AJAX實戰[M].北京：人民郵電出版社，2006.