一、Ajax簡介、優劣勢、應用場景以及技術

Ajax簡介 :

Asynchronous Javascript And XML （異步的JavaScript和XML）

它并不是一種單一的技術，而是有機利用一系列交互式網頁應用相關的技術所形成的結合體

AJAX 是一種用于創建快速動態網頁的技術。通過在后臺與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。

優點：

頁面無刷新，用戶體驗好。 異步通信，更加快的響應能力。 減少冗余請求，減輕了服務器負擔 基于標準化的并被廣泛支持的技術，不需要下載插件或者小程序

缺點：

ajax干掉了back按鈕，即對瀏覽器后退機制的破壞。 存在一定的安全問題。 對搜索引擎的支持比較弱。 破壞了程序的異常機制。 無法用URL直接訪問

ajax應用場景

AJAX 包含以下五個部分：

ajax并非一種新的技術，而是幾種原有技術的結合體。它由下列技術組合而成。

使用CSS和XHTML來表示。 使用DOM模型來交互和動態顯示。 數據互換和操作技術，使用XML與XSLT 使用XMLHttpRequest來和服務器進行異步通信。 使用javascript來綁定和調用。

在上面幾中技術中，除了XmlHttpRequest對象以外，其它所有的技術都是基于web標準并且已經得到了廣泛使用的，XMLHttpRequest雖然目前還沒有被W3C所采納，但是它已經是一個事實的標準，因為目前幾乎所有的主流瀏覽器都支持它

第一張圖尤其說明了傳統Web 應用程序的結構與采用了 AJAX 技術的 Web應用程序的結構上的差別

主要的差別，其實不是 JavaScript，不是 HTML/XHTML和 CSS，而是采用了 XMLHttpRequest 來向服務器異步的請求 XML 數據

再來看第二張圖，傳統的 Web 應用模式，用戶的體驗是割裂的，點擊->等待->看到新的頁面->再點擊->再等待。而采用了AJAX技術之后，大部分的計算工作，都是在用戶不察覺的情況下，交由服務器去完成了

二、創建ajax的步驟

Ajax的原理簡單來說通過XmlHttpRequest對象來向服務器發異步請求，從服務器獲得數據，然后用javascript來操作DOM而更新頁面。這其中最關鍵的一步就是從服務器獲得請求數據。原生創建ajax可分為以下四步