AJAX(Asynchronous JavaScript + XML)是近年來很熱門的網站技術，不但效果炫，而且也越來越被廣泛使用，然而這已經是個至少6年以上的技術觀念了，而其中也有引用到XML的技術。
回想當年HTML剛被開始廣泛使用時，WWW世界是如此單純，HTML只呈現靜態資料，讓使用者以最簡單的語法去表達與分享自己的專長知識或心得。而技術層面也只有最單純的 client 端一個 URL Request，伺服器就回一個 HTML Response 而已。

接著就有人不滿足，搞出了CGI的做法，在網頁的世界中打開了「雙向」互動的潘朵拉盒子。

時至今日，Browser 與 Server 間已經不再像是過去那樣的單純，在使用者面前展示的「一個」網頁，背後可能是由好幾個 HTTP Request 所組成。

有沒有使用AJAX技術，對使用者來說，有一個很簡單的識別方法，就是當你在瀏覽網頁時，點擊網頁上的超連結，網頁不是「整張」更新而是只有「局部」更新，那麼該網頁就很有可能有採用了AJAX的技術。

AJAX大概有下列幾項特性：
1.使用 javascript 為主要程式語言
2.使用 XMLHttpRequest 物件來傳輸與接收資料
3.使用 DocumentObjectModel 的方式編修HTML
4.使用 XML 做為資料交換的格式
5.使用 XHTML 與 CSS 以呈現資料

我在找實際範例時碰到了一些困難，就是有關上面第4點提到「使用 XML 做為資料交換的格式」，由於 AJAX 實務上除了 XML 格式之外，還可以使用 json，甚至單純的文字格式，所以我短時間內找不到實際以 XML 做為資料交換格式的網站範例。

即使如此，我還是找了兩個使用 ajax 技術的網站範例，而為了查看最乾淨的HTTP Request/Response 內容，使用 WireShark 去截取 HTTP 層的往來資料並截圖如下供參考：

網站一：JWorld台灣

如果點上面那幾個標題，網頁只會部份更新，符合AJAX的現象

當點擊其中標題時，由上圖可以看出是用XMLHttpRequest送出的Request

接收到的回應如上圖，這裡看得出來，為了實作方便，直接傳回 HTML 型式的網頁供使用

網站二：Yahoo台灣

如果點都市名稱以變更氣象都市，網頁只會部份更新

當點擊其中標題時，由上圖可以看出是用XMLHttpRequest送出的Request

接收到的回應如上圖，Yahoo使用的是json型式的資料，json 大概也是目前 AJAX 界最普遍使用的資料格式

本系列文章列表
Next : [XML]09-使用資訊流領域案例(RosettaNet)