Ajax實戰：Ajax的關鍵元素

Ajax不是單一的技術，而是四種技術的集合。表2-1簡要介紹了這些技術，以 及它們所扮演的角色。

表2-1　Ajax的關鍵元素

JavaScript	JavaScript是通用的指令碼語言，用來嵌入在某種應用之中。 Web瀏覽器中嵌入的JavaScript解譯器允許通過程式與瀏覽器的很多內建功能進 行互動。Ajax應用程式是使用JavaScript編寫的
CSS（層疊樣式表）	CSS為Web頁面元素提供了一種可重用的可視化樣式的定義方法 。它提供了簡單而又強大的方法，以一致的方式定義和使用可視化樣式。在Ajax 應用中，使用者介面的樣式可以通過CSS獨立修改

（續）

DOM（文件物件模型）	DOM以一組可以使用JavaScript操作的可程式化對象展現出Web頁 面的結構。通過使用指令碼修改DOM，Ajax應用程式可以在運行時改變使用者介面， 或者高效地重繪頁面中的某個部分
XMLHttpRequest對象	XMLHttpRequest對象允許Web程式員從Web伺服器以後台活動的 方式擷取資料。資料格式通常是XML，但是也可以很好地支援任何基於文本的數 據格式（XMLHttpRequest這個名字取得實在是很不恰當）。儘管XMLHttpRequest 對於完成這件工作來說是最為靈活和通用的工具，但還有其他方法也可以從服務 器擷取資料。我們在本章中會討論所有的方法

在第1章中我們看到了Ajax如何為使用者提供了複雜的、運轉良好的應用，改善 了使用者的互動體驗。JavaScript就像膠水將各個部分粘合在一起，定義應用的工 作流和商務邏輯。通過使用JavaScript操作DOM來改變和重新整理使用者介面，不斷地 重繪和重新組織顯示給使用者的資料，並且處理使用者基於滑鼠和鍵盤的互動。CSS 為應用提供了一致的外觀，並且為以編程方式操作DOM提供了強大的捷徑。 XMLHttpRequest對象（或者類似的機制）則用來與伺服器進行非同步通訊，在使用者 工作時提交使用者的請求並擷取最新的資料。圖2-1顯示了這些技術在Ajax中是如 何配合的。

圖2-1　Ajax的四個主要組件：JavaScript定義了商務規則和程式流程。應用 程式使用XMLHttp- Request對象（或類似的機制）以後台方式從伺服器獲得的數 據，通過DOM和CSS來改變介面的外觀