打造可靠的Ajax應用程式，第2部分: 構建Ajax後端

簡介：後端處理 — 伺服器端指令碼和程式 — 並不總能一投入到 Ajax 應用 程 序中就很好地運轉。相反，若能仔細地提前規劃以確保資料以恰當及有效格式 發送，反而能讓整個應用程式更內聚，並能減少不必要的複雜性。在本文中， Brett McLaughlin 展示了一個好的伺服器端指令碼如何能補足 Ajax 行為。

在本系列的 第 1 部分，我們在 Nathan Smith 的 Hoverbox 代碼（到初始 Hoverbox 代碼的相關連結可以在 參考資料 部分找到）的基礎上構建了一個視 覺 上異常豐富的前端來展示圖片庫。通過這個處理過程，您瞭解了一些基本的 UI 原則：人眼遵循的 Z-模式、保持頁面一致性、如何減小從頁面滑下的框中文本 字 體的大小以及 serif 和 sans-serif 字型的可讀性間的差異。

完成第 1 部分的操作之後，您應該有了一個很像樣的圖片庫，如圖 1 所示 ， 這就是我們在第 1 部分中完成的那個 Hoverbox UI：

圖 1. 在第 1 部分中完成的 Hoverbox UI

在本篇文章中，我們將添加關鍵的後端處理以及一些特定於 Ajax 的代碼以 將 圖片庫連到後端。

準備好 Ajax 管道處理

正如我先前提到的，Ajax 的大部分工作都是進行管道處理：設定好 XmlHttpRequest 對象、調用伺服器端程式並獲得響應。程式可能會改變，有關 請 求的細節可能不同，但不管在何種情況下，基本的設定都是相同的：

建立新的請求對象（最好是以跨瀏覽器的方式）。

構造一個請求 URL，可能還要 POST 請求資料。

設定一個方法，當從伺服器收到響應時，用此方法為瀏覽器進行回調。

發送請求。

構造一個回調，此回調可以運行和執行 程式想要對伺服器資料進行的任何操 作。

更多細節可以在其他文章中（參見 參考資料 部分）找到，所以我們這裡只 給 出一個大概。