AJAX架構匯總

ajax|ajax架構

1. Pure http://www.alixixi.com/web/a/javascript: Application Frameworks

1.1 Bindows (成立於2003年)

Backbase是一個通過DHTML、JavaScript、CSS和HTML等技術強勁聯合起來的一套完整的Windows案頭式的WEB應用程式解決方案。Bindows無需下載安裝用戶端支撐組件（如Java、ActiveX或Flash），僅需一個瀏覽器。純OO的理念體現在Bindows任何地方，Bindows或許是筆者見過的最完整最強大的javascript:void(0);">AJAX應用程式平台。
Bindows是商業程式的，使用了來自於MB的技術(總部位於GA USA，主要開發中心在瑞典，成立於2002年)。

Bindows架構提供的功能和特性有：

• 基於面相對象技術的類和API
• 一套完整的Windows案頭系統，支援各種特性視窗模式，包括菜單、表單、表格、滑動條、測量儀器視窗和其他一些Windows視窗特性支援。
• 是開發zero-footprint(零空間佔用)SOA用戶端應用程式首選工具包
• 原生XML，SOAP和XML-RPC支援
• 單使用者到企業級開發的支援
• 內建的完美的javascript:void(0);">AJAX支援

Bindows開發環境：

• 支援企業級規模的項目開發
• 跨瀏覽器、跨OS平台的支援
• 不受伺服器結構限制
• 良好的與新的、現有的資源互通性
• 統一的開發介面

1.2 BackBase (成立於2003年)

BackBase是一個完整的瀏覽器端架構，提供了豐富的瀏覽器操作功能，以及對.NET和JAVA平台的整合。
商業化產品，來自於Backbase B.V(總部在Amsterdam，成立於2003年)。

1.3 DOJO (開發中,成立於2004年9月)

DOJO提供完整的輕量級視窗組件和瀏覽器-伺服器訊息映射支援

• 提供建立自訂Javascript視窗組件的架構支援
• 預製的豐富的視窗類別型庫
• B/S訊息映射支援——XMLHttpRequest和其他機制
• 支援瀏覽器中的URL操縱功能
• 開源許可(Academic Free License 2.1)，由JotSpot的Alex Russell所領導。

1.4 Open Rico (開發中;成立於2005年5月;基於早期的一個proprietary 架構)

Open Rico是一個支援Ajax架構和使用者互動的多用途架構。

• 一個XMLHttpRequest response能被一個或多個的DOM對象，或者Javascript對象調用。
• 支援拖拽操作
• 支援基於javascript:void(0);">AJAX的動畫模式，如縮放和變換等
• 基於Behaviors的操作庫
• 使用指南，由RussMirimar的Yonah提供
• 開源。源於Sabre航空公司解決方案，由Bill Scott，Darren James及另外一些人維護。

1.5 qooxdoo (開發中; 成立於2005年5月)

qooxdoo，是另一個發展迅猛的應用程式框架，提供廣泛的UI支援，正在開發基礎架構等特性。

• 基礎結構特性：
  • 能輕易的捕獲和操縱DOM事件
  • 支援調試
  • 支援一個時間操作的Timer類
  • Getter/Setter支援
• UI:
  • 視窗組件庫和架構
  • 介面布局管理
  • 映像緩衝和透明PNG圖片處理
• 開源(LGPL).

1.6 Tibet (開發中; 建立於2005年6月)

Tibet提供了大量的易移植和完整的JavaScript API，通過這些可以快速產生大量的用戶端代碼，Tibet自稱是企業級javascript:void(0);">AJAX。

• 遠程指令碼調用封裝在XMLHttpRequest中
• URI支援
• 支援所有的HTTP事件，不再僅僅是GET和POST
• 低級的協議-File://和WebDav也可以當作HTTP正常使用
• Web Services調用支援，包括SOAP、XML-RPC等等
• 大型的Javascript物件程式庫
• 多種多樣的XML操作支援
• IDE和開發工具
• 開源協議(OSI)

1.7 AJFORM (建立於2005年6月)

AJFORM是一個極易上手的javascript:void(0);">AJAX架構，被用來編寫入門級的javascript:void(0);">AJAX代碼，提供有以下功能：

• 三步安裝
• 自動支援任意HTML表單元素
• 幾乎無需編碼即可實現javascript:void(0);">AJAX

2 Pure http://www.alixixi.com/web/a/javascript: Infrastructural Frameworks

2.1 AjaxCaller(建立於2005年5月，目前是Alpha版)

AjaxCaller是一個具有多安全執行緒訪問的XMLHttpRequest組件，主要針對Ajax開發新手，目前仍處於alpha開發階段，僅在AjaxPatterns的線上搜尋範例中使用了這個程式。

• 用明文或者XML結構的資料實現和伺服器的互動(GET/POST/PUT/DELETE)
• 支援XMLHttRequest對象的構析(銷毀對象，C++支援記憶體對象的構析操作)
• 支援Response的快取(尚在計劃中)
• 簡單的庫檔案代碼易於新手學習使用，並且支援指令碼調試
• 開源協議

2.2 Flash JavaScript Integration Kit

The Flash JavaScript Integration Kit可以使Flash和Javascript指令碼實現相互整合。

• 可以實現在JavaScript中調用Flash ActionScript指令碼，反之亦然。
• 幾乎支援雙方主要資料類型的在不同環境中的傳遞調用。
• 開源協議，有幾個Flash開源愛好者維護。

2.3 Google AJAXSLT (2005年6月發行)

Google AJAXSLT，是一個Javascript架構，用來執行XSLT轉換以及XPath查詢。

• 目前在Google Map上就使用了這個。
• 開源協議(BSD)

2.4 HTMLHttpRequest(Beta版；建立於2005年)

HtmlHttpRequest最大的特點就是運用XMLHttpRequest對象和標準HTML標籤IFrame來實現最大限度的跨瀏覽跨平台的javascript:void(0);">AJAX支援，其原理是在支援XMLHttpRequest的瀏覽器上調用XMLHttp，如果不支援，就用IFrame來類比實現非同步互動。

• 目前支援的瀏覽器：IE6/Win, IE5.5/Win, IE5/Win, IE4/Win, Mozilla/Win, Opera7/Win, Safari/Mac, IE5/Mac
• 尚未測試的瀏覽器：IE4/Mac, Mozilla/Mac, Opera/Other, Konqueror/Linux。
• 開源協議(LGPL)

2.5 Interactive Website Framework (建立於2005年)

Interactive Website Framework定位在瀏覽器中支援各種各樣的javascript:void(0);">AJAX基礎應用的開源項目。自稱是通過JavaScript、CSS、XML和HTML實現高效能的互動式WEB架構，包括一個可定製易讀的XML解析器。實際上，IWF是一個javascript:void(0);">AJAX的基礎架構，並且還包括一些泛型指令碼代碼。

• 實現了安全執行緒的XMLHttpRequest
• 對XML Document進行封裝，以便建立更具有可讀性的代碼：
  

  var node = doc.groceries.frozen[0].pizza[0].size;

  封裝後的資料讀取

  var node = doc.documentElement.firstChild.firstChild.getAttribute("size");

  原始的DOM操作讀取
• 開源協議

2.6 LibXMLHttpRequest (2003年6月發布)

libXmlRequest是一個小型XMLHttpRequest封裝包

• 用getXML()和postXML()兩個事件簡化XMLHttpReuqest調用
• 支援XMLHttpRequest對象池
• Response緩衝處理
• 源碼可以使用，但是有著作權保護。

2.7 MAJAX

MAJAX是另一個非常小巧的HttpRequest封裝包，為收發字元型資訊提供簡單介面，並為每步動作設定回調介面。

2.8 RSLite (x)

RSLite是一個XMLHttpRequest封裝組件，作為Brent Ashley的JSRS(JavaScript Remote Scripting)其中的一部分功能單獨發布。詳情可以看JSRS的介紹

2.9 Sack(開發中，成立於2005年5月)

Sack也是一個很有名字的微型XMLHttpRequest封裝包。調用者可以自訂回呼函數或者是DOM對象。藉助於回調DOM對象，可以把Response回來的資料直接以文本的方式嵌入DOM中。

2.10 Sarissa (發佈於2003年2月)

Sarissa是一個JavaScript API，封裝了在瀏覽器端獨立調用XML的功能。

• 可移植的XMLHttpRequest對象創造
• 可移植的XPath查詢
• 可移植的DOM操控
• 可移植的XSLT
• 可移植的XML序列化
• 開源協議(GPL2.0和LGPL2.1)

2.11 XHConn (2005年4月發布)

XHConn也是一個小型的XMLHttpRequest封裝庫。筆者也使用改良過的XHConn，其特點就是調用簡單，代碼也清晰易讀。

• 例子：

  new XHConn().connect("mypage.php"，"POST"，"foo=bar&baz=qux"，fnWhenDone);

• 開源協議許可

3 Server-Side: Multi-Language

3.1 Cross-Platform Asynchronous INterface Toolkit (2005年5月)

CPAINT是一個真正的同時支援PHP和ASP/VBScript指令碼的javascript:void(0);">AJAX和JSRS工具包。CPAINT在後台提供你需求的javascript:void(0);">AJAX和JSRS代碼，並自動返回到瀏覽器端相應的Javascript指令碼代碼，這種方式易於即時反饋需求的WEB應用程式。

• 支援PHP和ASP
• 所有功能函數都在統一的JavaScript檔案中
• 支援遠程指令碼和XML
• 支援本地和遠程函數調用
• 可以建立單個或多個XMLHttp對象
• 返回給背景資料即可以是文本也可以是XML/DOM文檔對象
• 支援POST和GET
• 用服務端代理的方式實現遠程函數和資料的訪問操作
• 大部分瀏覽器中測試正常使用
• 在GNU、GPL、LGPL開源協議保護下發行

3.2 SAJAX (2005年3月)

SAJAX的實現方式很獨特，例如：調用一個javascript方法x_calculateBudget()，將先把響應傳到伺服器並調用一個Java calculateBudget()方法，然後以javascript方式把值返回到x_calculateBudget_cb()中。SAJAX的名氣不錯，估計很多人都聽過甚至用過，不過缺點就是它的這套映射理論感覺較繁鎖，遠不如一些輕量級的封裝庫好用，不過SAJAX最大的特點就是支援的平台豐富，幾乎囊括了WEB下常用的程式設計語言和平台

• 很方便從JavaScript函數映射到服務端代理操作
• 支援多種平台(ASP/ColdFusion/Io/Lua/Perl/PHP/Python/Ruby)
• 開源協議

3.3 Javascipt Object Notation (JSON) and JSON-RPC

JSON是一個"face-free" XML，而JSON-RPC是一種遠程互動協議，類似於XML-RPC，對JavaScript支援較強

• 支援多服務端平台: Java, Python, Ruby, Perl.
• 針對不同的平台有不同的包和許可協議, 如JSON-RPC-Java.

3.4 JavaScript Remote Scripting(JSRS)(2000年)

JSRS，較經典的遠程指令碼訪問組件，支援將用戶端資料通過伺服器做代理進行遠端資料/操作互動。

• 支援的瀏覽器：IE4+，NS4.x，NS6.x，Mozilla，Opera7和Galeon。
• 伺服器端指令碼語言支援：ASP，ColdFusion，PerlCGI，PHP,Python和JSP(servlet)。
• 開源協議。由Brent Ashley提供支援。

3.5 Bitkraft for ASP.NET

Bitkraft是個基於(.NET)Web架構的CLR(公用語言運行庫)，允許用獨特的方式建立和操作分布式Web內容。用C#編寫，運行在微軟的.NET 1.1和Mono架構下，無縫式的用戶端-伺服器回應程式式是它的最大特點。Bitkraft沒有使用XML組織資料，而是用JSON代替。

• 支援的瀏覽器： IE5+, Firefox1+, NS6
• 伺服器端要求：ASP.NET, Mono XSP, Cassini, Apache (modMono) .NET Framework 1.1+
• 事件驅動
• 支援同步和非同步遠程代理
• 用戶端支援所有的.NET類型或自訂類對象映射到JSON中
• 用JSON取代XML
• 免費，開源許可協議

4 Server-Side: Java

4.1 WebORB for Java (2005年8月)

WebORB for Java是一個開發javascript:void(0);">AJAX和基於Flash的富用戶端應用程式的開發平台。線上例子

• WebORB包括一個富用戶端開發類庫。提供簡單的線上式API用來綁定或者調用任何Java對象、XML Web Services和EJB
• 支援非同步或同步的事件驅動
• 不需要在服務端修改任何代碼，不需要自訂方法或屬性、變數等。不要求設計時指定代理等。
• 同步調用不需要回調，非同步呼叫需要一個回調方法。
• 用戶端可以向服務端請求指定的活動方式，不需要任何編程就可以把處理結果輕易的轉變為狀態。
• 提供一個特定API來處理資料庫查詢結果-伺服器代碼能返回DataSet或者DataTable，而用戶端以一個類似於RecordSet的JavaScript對象來顯示這個結果。該對象提供檢索列名和行資料的方法。
• 支援資料分頁技術。客戶應用程式能檢索頁面中的資料。
• 支援以參數的方式返回所有服務期端資料類型，如primitives, strings, complex types, arrays, native .net collections, remote references
• 目前有兩個版本：標準版(免費)，專業版(商業許可)

4.2 Echo 2 (2005年3月)

Echo 2允許你用純Java語言編寫javascript:void(0);">AJAX程式。 Demo.

• 自動產生HTML和Javascript代碼
• 用XML在用戶端-服務端傳遞訊息
• 如果願意支援自訂Javascript組件
• 開源協議(Mozilla Public License or GNU LGPL)

4.3 Direct Web Remoting (DWR) (2005)

Direct Web Remoting可以在Javascript代碼中直接調用Java方法的應用程式框架

• 類似於SAJAX，可以把Javascript中的請求調用轉遞到Java方法中並將執行結果返回給Javascript
• 可以和任何Web架構一起使用，如Struts、Tapestry等等
• 開源(Apache)，目前該產品被加入到WebWork中

4.4 SWATO (2005)

SWATO是一套可重用的和良好整合的Java/JavaScript庫，它實現了一種更容易的方式來改變你的web應用程式的互動，通過javascript:void(0);">AJAX方式實現。

• 服務端Java庫可以非常容易的部署到所有Servlet2.3+相容的容器中
• 用戶端Javascript庫可以在所有支援XMLHttpRequest的瀏覽器中使用
• 使用JSON技術在服務端組織POJO資料，這樣你可以在任何Javascript環境中(HTML、XUL、SVG)訪問這些遠端資料，這種方式很容易通過寫入程式碼或者某種成熟的Javascript庫整合到當前應用中
• 提供一個簡單介面使你能在Javascript中調用遠端POJO資料
• 使用<servlet>和<filter>靈活的在web.xml中進行配置，並且可以整合(不是必須)到你的Spring架構中
• 提供了幾個可協助你快速開發web應用程式的組件(如自動完成的文字框，線上表單，線上列表等等)

4.5 javascript:void(0);">AJAX JSP Tag Library

The AJAX JSP Library是一組JSP標籤庫，用來javascript:void(0);">AJAX程式開發。可以在J2EE下無需Javascript就能輕鬆開發javascript:void(0);">AJAX模式的Web Form。標籤庫為比較通用的javascript:void(0);">AJAX功能提供了5個標籤： Tag Library

• autocomplete: 使用者在文字框中輸入字元，自動從指定的資料中匹配使用者輸入的字元，類似於Google Suggest
• callout:可以為A標籤加入氣泡式的訊息提示框，不過是即時的服務端取出資料
• Select/dropdown:類似於聯動菜單，比如地州市的聯動下拉框
• toggle:開關閘按鈕，比如在一個hidden表單域中儲存true和falsh，同時顯示相應的img映像
• update field:更新資料，也就是無重新整理提交了。

4.6 javascript:void(0);">AJAX Java Server Faces Framework

The AJAX-JSF用來把任意的JSF應用程式轉變為javascript:void(0);">AJAX應用程式

• 例子：javascript:void(0);">AJAX組件的 MyFaces JSF Tree(樹型目錄), table scroller(可滾動的表格), tabbed pane(分頁欄)
• 開源協議(Apache Software License)

Server-Side: Lisp

5.1 CL-Ajax

CL-Ajax實現Javascript直接調用服務端Lisp

• 產生可帶參數的函數
• 可以回調Javascript函數或者DOM對象
• 可以整合到SAJAX中
• 開源許可

6 Server-Side: .NET

6.1 WebORB for .NET (2005年8月)

WebORB for .NET是一個用.NET和XML Web Services方式開發javascript:void(0);">AJAX和基於Flash的富用戶端應用程式(線上例子)

• WebORB包括一個富用戶端開發類庫。提供簡單的線上式API用來綁定或者調用任何.NET對象、XML Web Services
• 支援非同步或同步的事件驅動
• 不需要在服務端修改任何代碼，不需要自訂方法或屬性、變數等。不要求設計時指定代理等。
• 同步調用不需要回調，非同步呼叫需要一個回調方法。
• 用戶端可以向服務端請求指定的活動方式，不需要任何編程就可以把處理結果輕易的轉變為狀態。
• 提供一個特定API來處理資料庫查詢結果-伺服器代碼能返回DataSet或者DataTable，而用戶端以一個類似於RecordSet的JavaScript對象來顯示這個結果。該對象提供檢索列名和行資料的方法。
• 支援資料分頁技術。客戶應用程式能檢索頁面中的資料。
• 支援以參數的方式返回所有服務期端資料類型，如primitives, strings, complex types, arrays, native .net collections, remote references
• 目前有兩個版本：標準版(免費)，專業版(商業許可)

6.2 Ajax.NET (2005年3月)

.NET是首家支援各種方式通過Javascript訪問服務端.net的免費庫 Ajax.NET

• 類似於SAJAX，能把Javascript請求發送到.NET方法，服務端回傳給Javascript，甚至包括序列化自訂類。
• 可以在Javascript中訪問Session和Application資料
• 緩衝查詢結果
• 免費使用原始碼
• 無需更改原始碼，允許給Ajax.NET添加和修改方法和屬性
• 所有類支援Javascript用戶端返回資料，可以在JavaScript中使用DataSet：res.Tables[0].Rows
• 使用HtmlControls組件訪問和返回資料
• 頁面無需重載，用事件代理(資料訪問層)
• 因為只提供一個調用介面方法，所以服務端CPU佔用非常少

6.3 ComfortASP.NET (2005年8月)

ComfortASP.NET可以讓開發人員在純.NET下開發類似javascript:void(0);">AJAX(DHTML,JavaScript,XMLHttp)特性的應用程式。

• 快速應答
• 減少HTML傳輸
• 減少頁面重載
• 無閃爍的瀏覽器內容更改
• javascript:void(0);">AJAX使用者體驗，

6.4 AjaxAspects (2005年8月)

AjaxAspects是個可以用Javascript調用服務端WebService事件的引擎

• 用標準的SOAP和WSDL進行服務端-用戶端通訊
• 用簡單的類型和XML對象支援帶參數的傳回值
• 緩衝支援
• 動作隊列
• 免費使用，開源協議

7 Server-Side: PHP

7.1 AjaxAC (2005年4月)

AjaxAC用一個單獨類封裝了完整的應用程式功能

• 所有的功能整合在自包含的類中(另外附帶一些Javascript庫)
• 調用PHP檔案或者HTML頁面非常簡易，只需建立App類後把類引用傳遞給需要調用的Javascript對象或者HTML元素即可。
• 捕獲Javascript事件
• 可以自訂配置資料，並且支援運行時參數更改
• 無需再Javascript代碼中夾雜淩亂的Html代碼，所有事件都是被動態附加上的
• 由於以上兩個優點，所以支援良好的模版引擎
• 容易Hook到PHP類和MySql資料已返回給自己的request
• 能夠容易的用Javascript建立視窗模式應用程式。

7.2 JPSpan

JPSPAN通過Javascript直接調用PHP中的函數。

• 進行了嚴謹的單元測試
• 開源許可(PHP)

7.3 XAJAX

XAjax通過Javascript直接調用PHP中的函數

• 支援用Javascript調用PHP指令碼
• 開源許可協議

8 Server-Side: Ruby

8.1 Ruby On Rails

Ruby On Rails是一個支援javascript:void(0);">AJAX的完整Web架構，使用Ruby語言編寫，嚴格按照MVC結構開發。

• 當Ajax出現的時候Rails還處於其發展的早期，因此Ajax可能逐漸成為Rails架構的核心。
• 產生瀏覽器中大多數/全部的Window應用組件和動畫的Javascript指令碼。
• 支援伺服器端調用。
• 隊列支援
• 開源許可

From MoztwWiki
本文章為 Mozilla Developer Center 的 javascript:void(0);">AJAX:Getting Started (http://developer.mozilla.o... 的翻譯。原文的作者與編修曆史可在它的曆史頁 (http://developer.mozilla.o... action=history)上看到。

這篇文章說明 javascript:void(0);">AJAX 相關技術的基礎，並提供執行個體供您上手。

javascript:void(0);">AJAX 是啥？

javascript:void(0);">AJAX (Asynchronous JavaScript and XML, 非同步 JavaScript 及 XML 技術) 是個新詞，但內涵是兩個存在已有一段時間的 JavaScript 功能。這兩種功能以往一直被忽略，在 Gmail、Google suggest 及 Google Maps 出現後才一舉成名天下知。

這兩個 JavaScript 功能 是：

   * 在不重新讀取頁面的情況下對伺服器送出要求（request）
   * 解析、使用 XML 檔案

第一步 – 怎麼發出 XMLHttpRequest

為了用 JavaScript 對伺服器發送 HTTP 要求，你必須先以相關的類別（class）制出實體（instance）。Internet Explorer 首先以 ActiveX 物件方式提供 XMLHTTP 類別，而 Mozilla、Safari 及其他瀏覽器則隨後以 XMLHttpRequest 類別支援此 ActiveX 物件中的類別及屬性。

因此，如果想跨瀏覽器，那麼可以這麼寫：

if (window.XMLHttpRequest) { // Mozilla, Safari, ...
   http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
   http_request = new ActiveXObject("Microsoft.XMLHTTP");
}

(由於這段程式僅供說明，所以是采最簡方式寫出。本文第三步中有另一種我們比較常用的寫法。)

有些版本的 Mozilla 瀏覽器在伺服器送回的資料未含 XML mime-type 檔頭（header）時會出錯。為了避免這個問題，你可以用下列方法覆寫伺服器傳回的檔頭，以免傳回的不是 text/xml。

http_request = new XMLHttpRequest();
http_request.overrideMimeType('text/xml');

接下來是要決定伺服器傳回資料後的處理方式，此時你只要以 onreadystatechange 這個屬性指明要處理傳回值的 JavaScript 函式名稱即可，例如：

http_request.onreadystatechange = nameOfTheFunction;

注意，指定的函式名稱後不加括弧也沒有參數。除了指定函式名稱外，你也能用 Javascript 即時定義函式的方法來定一個新的處理函式，如下：

http_request.onreadystatechange = function(){
   // 做些事
};

決定處理方式之後你得確實發出 request，此時需叫用 HTTP request 類別的 open() 及 send() 方法，如下：

http_request.open('GET', 'http://www.example.org/some.file', true);
http_request.send(null);

   * open() 的第一個參數是 HTTP request 的方法，也就是從 GET、POST、HEAD 中擇一使用，亦可用你主機上支援的方式。為遵循 HTTP 標準，請記得這些方法都是大寫，不然有的瀏覽器（如 Firefox）或許不會理你。其它 HTTP request 可以支援的方法列表請參考 W3C 規格書 (http://www.w3.org/Protocol...。
   * 第二個參數是目標 URL。基於安全考量，你不能叫用同網域以外的網頁。如果網域不同，則叫用 open() 時會出現「許可權不足，拒絕存取」那類的錯誤。通常大夥會犯的錯誤多為在 domain.tld 網的網站下呼叫 www.domain.tld 中的網頁，僅是一點點差別都不行。
   * 第三個參數決定此 request 是否不同步進行，如果設定為 TRUE 則即使伺服器尚未傳回資料也會繼續執行其餘的程式，這也就是 javascript:void(0);">AJAX 中第一個 A 代表的意義。

send() 的參數在以 POST 發出 request 時可以是任何想傳給伺服器的東西，而資料則以查詢字串的方式列出，例如：

name=value&anothername=othervalue&so=on

不過如果你想要以 POST 方式傳送資料，則必須先將 MIME 型態改好，如下：

http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

否則伺服器就不會理你傳過來的資料了。

第二步 – 處理伺服器傳回的資料

傳出 request 時必須提供處理傳回值的函式名稱。

http_request.onreadystatechange = nameOfTheFunction;

那麼來看看這個函式該做些什麼。首先，它必須檢查 request 目前的狀態：如果狀態值為 4 代表伺服器已經傳回所有資訊了，便可以開始解析所得資訊。

if (http_request.readyState == 4) {
   // 一切 ok, 繼續解析
} else {
   // 還沒完成
}

readyState 所有可能的值如下：

   * 0 (還沒開始)
   * 1 (讀取中)
   * 2 (已讀取)
   * 3 (資訊交換中)
   * 4 (一切完成)

(資料來源: MSDN (http://msdn.microsoft.com/...

接下來要檢查伺服器傳回的 HTTP 狀態代碼。所有狀態代碼列表可於 W3C 網站 (http://www.w3.org/Protocol...上查到，但我們要管的是 200 OK 這種狀態。

if (http_request.status == 200) {
   // 萬事具備
} else {
   // 似乎有點問題，或許伺服器傳回了 404 (查無此頁) 或者 500 (內部錯誤) 什麼的
}

檢查傳回的 HTTP 狀態代碼後，要怎麼處理傳回的資料就由你決定了。有兩種存取資料的方式：

   * http_request.responseText – 這樣會把傳回值當字串用
   * http_request.responseXML – 這樣會把傳回值視為 XMLDocument 對象，而後可用 JavaScript DOM 相關函式處理

第三步 - 萬事俱備 - 簡單範例

好，接著就做一次簡單的 HTTP 範例，示範方才的各項技巧。這段 JavaScript 會向伺服器要一份裡頭有「I'm a test.」字樣的 HTML 檔案(test.html)，而後以 alert() 將檔案內容列出。


   style="cursor: pointer; text-decoration: underline"
   >
       Make a request


在此範例中：

   * 首先使用者按下「Make a request」
   * 這麼一來就會呼叫 makeRequest() 函式，亦傳入參數值 test.html (也就是那份 HTML 檔的名稱，放在同目錄下)
   * 接著發出 request，而後會將主導權交給 onreadystatechange 指定的 alertContents() 函式
   * alertContents() 檢查回應是否正常，而後以 alert() 將 test.html 的內容列出

你可以由此測試本例 (http://www.w3clubs.com/moz...，也可以參考測試檔案 (http://www.w3clubs.com/moz...。

第四步 – 處理 XML 回應值

前面的例子中，在收到 HTTP 傳回值後我們以物件的 reponseText 屬性使用 test.html 檔案的內容，接著來試試 responseXML 屬性的方法。

首先，我們得做個格式正確的 XML 檔案，以便稍後取用。此檔名喚 test.xml，內容如下：

<--l version="1.0"-->

   I'm a test.


在程式中，我們叫用檔案的地方只須略事修改如下：

...
>
...

接著在 alertContents() 中，我們必須將 alert(http_request.responseText); 改成這樣：

var xmldoc = http_request.responseXML;
var root_node = xmldoc.getElementsByTagName('root').item(0);
alert(root_node.firstChild.data);

這樣一來我們便可取得 responseXML 所傳回的 XMLDocument 對象，而後以 DOM 相關的方法取用 XML 檔案內容。你可以參考 test.xml 的原始碼 (http://www.w3clubs.com/moz... 以及修改過後的測試程式 (http://www.w3clubs.com/moz...。

其他與 DOM 相關的方法，請參考 Mozilla DOM (http://www.mozilla.org/doc... 檔案。 <