IT兄弟連 JavaWeb教程 AJAX的技術構成

Ajax並非新的技術，而是以前技術的整合，其中包括JavaScript、HTML、CSS、DOM、XMLHttpRequest、XML和JSON是構成Ajax技術體系技術基石。

JavaScript：JavaScript是一種弱類型、解釋性的、通用的腳本語言，在Ajax技術體系中，它將各個部分粘合在一塊兒。JavaScript定義業務邏輯、操做DOM改變和刷新用戶界面、重繪或重組織用戶數據、處理用戶交互等。

HTML：HTML定義了文檔的結構，定義了元素之間的包含關係，也定義了文檔中能夠應用樣式的位置。

CSS：CSS爲Web頁面元素提供了一種可重用的、可視化樣式的定義方法來定義應用的外觀。樣式表提供了集中定義各類視覺央視的方法並方便地設置到頁面元素上。樣式表可定義樣式元素、定義元素相互之間的佈局以及簡單的用戶交互功能以實現視覺效果。

DOM：DOM組織網頁視圖，以一組可使用JavaScript操做的可編程對象展示出Web頁面的結構。經過使用腳本修改DOM在運行時改變用戶界面，或重繪頁面的某個部分。Web頁面的DOM是樹狀結構，JavaScript引擎經過全局變量document公開當前Web頁面的根節點，這個變量是全部DOM操做的起點。DOM文檔與HTML表單的關係是雙向的，修改DOM將會改變HTML標記。

XMLHttpRequest：使用XMLHttpRequest以異步的方式與服務器通訊。它之後臺方式獲取數據，是的發生異步調用的業務更加流暢。數據格式一般是XML(目前來看，使用JSON做爲數據格式會更加方便，在本書後面的章節會詳細介紹JSON，可是目前爲你們介紹的是AJAX)。

XML和JSON：XML，可擴展標記語言，標準通用標記語言的子集，是一種用於標記電子文件使其具備結構性的標記語言。經過此種標記，計算機之間能夠處理各類信息。他能夠用來標記數據、定義數據類型，是一種容許用戶對本身的標記語言進行定義的源語言，它很是適合萬維網傳輸，提供統一的方法來描述和交換獨立與應用程序或供應商的結構化數據。

可是XML文件相對龐大，格式複雜，傳輸佔用大量的帶寬，並且服務器端和客戶端都須要花費大量代碼來解析XML，使兩端的代碼變得複雜並不容易維護，而且不一樣的瀏覽器解析XML文件的方式也不盡相同，須要重複編寫不少代碼。並且服務器端和客戶端解析XML也須要花費大量的資源和時間。

那麼除了使用XML做爲數據交換格式，如今還可使用一種叫作JSON(JavaScript Object Notation)的輕量級數據交換格式，而且JSON已經成爲了主流(如今AJAX彷佛更適合叫作AJAJ，Asynchronous JavaScript And JSON)。

JSON數據格式比較簡單，易於讀寫，格式都是壓縮的，佔用帶寬較小。JSON格式可以直接爲服務端和客戶端代碼使用，大大簡化了服務端和客戶端的代碼開發量，且易於維護。