掌握 Ajax 系列

Ajax 無疑是最流行的新 Web 技術，這一傑出的方法可以將笨拙的 Web 介面轉化成互動性的 Ajax 應用程式。它採用用戶端指令碼與 Web 服務器交換資料，所以，不必採用會中斷互動的完整頁面重新整理，就可以動態地更新 Web 頁面。使用 Ajax，可以建立更加豐富、更加動態 Web 應用程式使用者介面，其即時性與可用性甚至能夠接近本機傳統型應用程式。

Ajax 由 HTML、JavaScript、DHTML 和 DOM 組成。本系列的作者 Brett McLaughlin 是一位 Ajax 專家，他示範了這些技術如何協同工作 —— 從總體概述到細節的討論 —— 使高效的 Web 開發成為現實。

 

系列文章

 

第 1 部分: Ajax 簡介 （2006 年 1 月 4 日）
Ajax 由 HTML、JavaScript、DHTML 和 DOM 組成，這一傑出的方法可以將笨拙的 Web 介面轉化成互動性的 Ajax 應用程式。本文的作者是一位 Ajax 專家，他示範了這些技術如何協同工作 —— 從總體概述到細節的討論 —— 使高效的 Web 開發成為現實。他還揭開了 Ajax 核心概念的神秘面紗，包括 XMLHttpRequest 對象。

第 2 部分: 使用 JavaScript 和 Ajax 發出非同步請求 （2006 年 2 月 16 日）
多數 Web 應用程式都使用請求/響應模型從伺服器上獲得完整的 HTML 頁面。常常是點擊一個按鈕，等待伺服器響應，再點擊另一個按鈕，然後再等待，這樣一個反覆的過程。有了 Ajax 和 XMLHttpRequest 對象，就可以使用不必讓使用者等待伺服器響應的請求/響應模型了。本文中，Brett McLaughlin 介紹了如何建立能夠適應不同瀏覽器的 XMLHttpRequest 執行個體，建立和發送請求，並響應伺服器。

第 3 部分: Ajax 中的進階請求和響應 （2006 年 3 月 23 日）
對於很多 Web 開發人員來說，只需要產生簡單的請求並接收簡單的響應即可；但是對於希望掌握 Ajax 的開發人員來說，必須要全面理解 HTTP 狀態碼、就緒狀態和 XMLHttpRequest 對象。在本文中，Brett McLaughlin 將向您介紹各種狀態碼，並展示瀏覽器如何對其進行處理，本文還給出了在 Ajax 中使用的比較少見的 HTTP 要求。

第 4 部分: 利用 DOM 進行 Web 響應 （2006 年 4 月 10 日）
程式員（使用後端應用程式）和 Web 程式員（編寫 HTML、CSS 和 JavaScript 上）之間的分水嶺是長久存在的。但是，Document Object Model (DOM) 彌補了這個裂縫，使得在後端使用 XML 同時在前端使用 HML 切實可行，並成為極其有效工具。在本文中，Brett McLaughlin 介紹了 Document Object Model，解釋它在 Web 頁面中的應用，並開始挖掘其在 JavaScript 中的用途。

第 5 部分: 操縱 DOM （2006 年 4 月 27 日）
上一期中 Brett 介紹了文件物件模型（DOM），它的元素在幕後定義了 Web 頁面。這一期文章中他將進一步探討 DOM。瞭解如何建立、刪除和修改 DOM 樹的各個部分，瞭解如何?網頁的即時更新！

第 6 部分: 建立基於 DOM 的 Web 應用程式 （2006 年 10 月 12 日）
Brett McLaughlin 通過一個具體的 DOM 應用程式結束了他的 DOM 編程三部曲。

第 7 部分: 在請求和響應中使用 XML（1） （2006 年 10 月 23 日）
Brett McLaughlin 示範了如何使用 XML 資料格式發送非同步請求。

第 8 部分：在請求和響應中使用 XML（2） （2006 年 10 月 23 日）
這篇文章主要探討在大多數情況下 確實是 好主意的一種做法：向客戶機返回 XML 響應。

第 9 部分：使用 Google Ajax Search API （2007 年 3 月 1 日）
發出非同步請求並不意味著只是與您自己的伺服器端程式互動。其實也可以與一些公用 API，例如來自 Google 或 Amazon 的 API 進行通訊，從而為 Web 應用程式增加您自己的指令碼和伺服器端程式所不能提供的更多功能。本文將教您如何向公用 API，例如 Google 提供的 API 發出請求並接收其響應。

第 10 部分：使用 JSON 進行資料轉送 （2007 年 4 月 9 日）
在非同步應用程式中發送和接收資訊時，可以選擇以純文字和 XML 作為資料格式。掌握 Ajax 的這一期討論另一種有用的資料格式 JavaScript Object Notation（JSON），以及如何使用它更輕鬆地在應用程式中移動資料和對象。