[TOC] # Ajax基礎 1. 概念 * Asynchronous JavaScript + XML（異步JavaScript和XML）, 其本身不是一種新技術，而是一種現有**技術集合**的描述。 * 網頁應用能夠快速地將**增量更新**呈現在用戶界面上，而**不需要刷新**整個頁面。 2. 技術集合 * HTML（網頁的結構和內容） * CSS（網頁的呈現） * JavaScript（事件驅動觸發交互；處理響應信息） * XMLHttpRequest（向服務器發送請求并獲得響應） * Text/XML/JSON（存儲數據） # Ajax步驟 發送一個?HTTP 請求，需要創建一個?`XMLHttpRequest`?對象，打開一個?URL，最后發送請求。當所有這些事務完成后，該對象將會包含一些諸如響應主體或HTTP status的有用信息。 1. 創建?`XMLHttpRequest`?對象 `var xhr = new XMLHttpRequest();` 2. 創建URL請求 `xhr.open(method,url,flag);` 3. 發送請求 `xhr.send();` 4. 處理響應信息 ``` 文本信息：xhr.responseText; XML信息：xhr.responseXML; JSON信息：xhr.responseText; ```