Ajax (Asynchronous JavaScript + XML) 編程技術正逐漸主導 Web 應用程式開發領域。每天都有新的開發人員步入 Ajax 開發的殿堂,他們擁有不同的開發背景。本系列的第 1 部分將提供來自 IBM® Ajax 開發人員專家組的 Ajax 開發資源備忘單。作者根據他們自己的 ramp-up 經驗為您提供了一些實用的資訊,這些資訊可以協助您快速進入高效 Ajax 開發的軌道。
Ajax 是一種 Web 應用程式客戶機技術,它結合了 JavaScript、層疊樣式表(Cascading Style Sheets,CSS)、HTML、XMLHttpRequest 對象和文件物件模型(Document Object Model,DOM),關於各種標準的更多資訊,請參閱 參考資料。運行在瀏覽器上的 Ajax 應用程式以一種非同步方式與 Web 服務器通訊,並且只更新頁面的一部分。通過利用 Ajax 技術,可以提供豐富的、基於瀏覽器的使用者體驗。
在開始 Ajax 之旅以前,需要熟悉很多不同的語言、標準、工具和庫。一開始就要在不同選項之間做出選擇並組合出一個開發環境來可能有些勉為其難。作者將根據他們自己的 ramp-up(項目初始階段的準備工作)經驗協助您在旅途中避免可能遇到的一些比較常見的、令人厭煩的問題。
踏上 Ajax 的旅程
Ajax 將改變使用者在網站上的體驗,之前的單擊-顯示頁面式的體驗將變成具有互動性、靈活性的傳統型應用程式體驗。使用者可以避免頁面重新載入,避免等待下一部分內容的呈現。您可能在想,這一切聽起來是不錯,但是如何才能做得到呢?為了回答這個問題,先來看看 Ajax 技術背後的一些幕後故事。
Ajax 是以下 Web 技術和標準的集合,它允許使用用戶端的機器在背後運行應用程式邏輯的重要部分,而不僅僅是呈現應用程式的輸出:
超文字標記語言 (HTML)(Hypertext Markup Language,HTML):定義最終呈現給使用者的內容。
層疊樣式表(Cascading Style Sheets,CSS):定義所呈現內容的樣式(或裝飾)。
文件物件模型(Document Object Model,DOM):一種 API,瀏覽器使用它將被呈現內容公開給 JavaScript 指令碼。然後,指令碼可以使用 DOM 在使用者看到內容之前動態地修改內容。
XmlHttpRequest 對象:為瀏覽器與伺服器之間的互動提供便利,通過 JavaScript 指令碼調用。
JavaScript:在瀏覽器中執行的一種程式設計語言,將所有其他的 Ajax 組成部分黏合在一起。指令碼可以偵聽瀏覽器中發生的事件(例如單擊一個按鈕),並使用 XmlHttpRequests 回調伺服器以對事件作出反應,然後根據返回的結果修改 DOM 樹。
所有這些技術都在使用者的 網頁瀏覽器中執行,使用者的 網頁瀏覽器充當執行 Ajax 程式的平台。
如果要使用 Ajax,那麼有一點值得格外注意:組成它的技術雖然是基於標準的,但又是特定於瀏覽器的。換句話說,同一個應用程式在不同的瀏覽器上可能表現出不同的行為。然而,由於既不可能限制使用者使用特定的瀏覽器,又不可能忽略客戶機的瀏覽器可能不支援 CSS 或 DOM 這一事實,因此,作為應用程式的建立者,您需要理解各種不同瀏覽器之間的差異。
要成為一名高效的 Ajax 開發人員,需要:
瞭解形成 Ajax 開發基礎的技術。
理解可用的運行時平台和 網頁瀏覽器。
開發 Ajax 應用程式時使用支援各種語言的 IDE。
擁有用於各種環境和語言的調試器和應用程式測試載入器。