使用 JavaScript 和 Ajax 發出非同步請求

本文中，您將開始接觸最基本和基礎性的有關 Ajax 的全部物件和程式設計方法：XMLHttpRequest 物件。 該物件實際上僅僅是一個跨越所有 Ajax 應用程式的公共執行緒，您可能已經預料到，只有徹底理解該物件才能充分發揮程式設計的潛力。 事實上，有時您會發現，要正確地使用 XMLHttpRequest，顯然不能 使用 XMLHttpRequest。 這到底是怎麼回事呢？

Web 2.0 一瞥

在深入研究代碼之前首先看看最近的觀點 —— 一定要十分清楚 Web 2.0 這個概念。 聽到 Web 2.0 這個詞的時候，應該首先問一問 「Web 1.0 是什麼？ 」 雖然很少聽人提到 Web 1.0，實際上它指的就是具有完全不同的請求和回應模型的傳統 Web。 比如，到 Amazon.com 網站上點擊一個按鈕或者輸入搜索項。 就會對伺服器發送一個請求，然後回應再返回到瀏覽器。 該請求不僅僅是圖書和書目清單，而是另一個完整的 HTML 頁面。 因此當 Web 瀏覽器用新的 HTML 頁面重繪時，可能會看到閃爍或抖動。 事實上，通過看到的每個新頁面可以清晰地看到請求和回應。

Web 2.0（在很大程度上）消除了這種看得見的往復交互。 比如訪問 Google Maps 或 Flickr 這樣的網站（到這些支援 Web 2.0 和 Ajax 網站的連結請參閱 參考資料）。 比如在 Google Maps 上，您可以拖動地圖，放大和縮小，只有很少的重繪操作。 當然這裡仍然有請求和回應，只不過都藏到了幕後。 作為使用者，體驗更加舒適，感覺很像桌面應用程式。 這種新的感受和范型就是當有人提到 Web 2.0 時您所體會到的。

需要關心的是如何使這些新的交互成為可能。 顯然，仍然需要發出請求和接收回應，但正是針對每次請求/回應交互的 HTML 重繪造成了緩慢、笨拙的 Web 交互的感受。 因此很清楚，我們需要一種方法使發送的請求和接收的回應只 包含需要的資料而不是整個 HTML 頁面。 惟一需要獲得整個新 HTML 頁面的時候就是希望使用者看到 新頁面的時候。

但多數交互都是在已有頁面上增加細節、修改主體文本或者覆蓋原有資料。 這些情況下，Ajax 和 Web 2.0 方法允許在不 更新整個 HTML 頁面的情況下發送和接收資料。 對於那些經常上網的人，這種能力可以讓您的應用程式感覺更快、回應更及時，讓他們不時地光顧您的網站。