Ajax基礎（一）

一、Ajax簡介

1.Ajax

AJAX = 非同步 JavaScript 及 XML（Asynchronous JavaScript and XML）

AJAX 不是一種新的程式設計語言，而是一種用於建立更好更快以及互動性更強的 Web 應用程式的技術。

通過 AJAX，您的 JavaScript 可使用 JavaScript 的 XMLHttpRequest 對象來直接與伺服器進行通訊。通過這個對象，您的 JavaScript 可在不重載頁面的情況與 Web 服務器交換資料。

AJAX 在瀏覽器與 Web 服務器之間使用非同步資料轉送（HTTP 要求），這樣就可使網頁從伺服器請求少量的資訊，而不是整個頁面。

AJAX 可使網際網路應用程式更小、更快，更友好。

AJAX 是一種獨立於 Web 服務器軟體的瀏覽器技術。

2.AJAX 基於 Web 標準

AJAX 基於下列 Web 標準：

• JavaScript

• XML

• HTML

• CSS

3. AJAX 使用 Http 請求

在傳統的 JavaScript 編程中，假如您希望從伺服器上的檔案或資料庫中得到任何的資訊，或者向伺服器發送資訊的話，就必須利用一個 HTML 表單向伺服器 GET 或 POST 資料。而使用者則需要單擊“提交”按鈕來發送/擷取資訊，等待伺服器的響應，然後一張新的頁面會載入結果。

由於每當使用者提交輸入後伺服器都會返回一張新的頁面，傳統的 web 應用程式變得運行緩慢，且越來越不友好。

通過利用 AJAX，您的 JavaScript 會通過 JavaScript 的 XMLHttpRequest 對象，直接與伺服器來通訊。

通過使用 HTTP 要求，web 頁可向伺服器進行請求，並得到來自伺服器的響應，而不載入頁面。使用者可以停留在同一個頁面，他或她不會注意到指令碼在後台請求過頁面，或向伺服器發送過資料。

4. XMLHttpRequest 對象

通過使用 XMLHttpRequest 對象，web 開發人員可以做到在頁面已載入後從伺服器更新頁面！

在 2005 年 AJAX 被 Google 推廣開來（Google Suggest）。

Google 建議使用 XMLHttpRequest 對象來建立一種動態性極強的 web 介面：當您開始在 Google 的搜尋方塊中輸入查詢時，JavaScript 會向某個伺服器發出這些字詞，然後伺服器會返回一系列的搜尋建議。