Ajax 快速上手

本書主要在講解Ajax的原理和和用，內容包括了JavaScript、XML、CSS等多種程式語言。本書利用了大量圖解的方式，使讀者可以輕鬆地學習Ajax，並且搭配許多生動有趣的範例，包括線上訂購、線上銷售監控。

誰適合讀這本書？ 我們知道你的腦袋在想什麼 元認知 讓你的腦袋順從你 讀我 技術審閱者 致謝 1 新世代的 Web 應用 使用 Ajax 重新載入的 Web 歡迎來到全新的世紀！ 「重載？我們不要討厭的重載。」 重點剪輯：第 1 章 建立一個請求物件 PHP…驚鴻一瞥 此伺服器曾經怎麼做事… 伺服器現在應該怎麼做 初始化連接 連接到 web 伺服器 增加一個事件處理器 編寫回呼函式 我們所看到的 web 應用… 鄭重介紹網頁瀏覽器 瀏覽器要如何處理伺服器的回應？ 送指令給瀏覽器 取得伺服器的回應 檢查正確的備妥狀態 60 秒回顧 2 製作 Ajax 請求 話說語言 斷頸比薩遞送 斷頸比薩，改用 Ajax 風格 HTML 101：接受使用者的輸入 事件處理器，將 HTML 連接到 JavaScript 使用 DOM 以取得使用者輸入 網頁瀏覽器在哪裡 建立一個請求物件（再次探討） 支援多種瀏覽器 JavaScript 程式碼不一定要在函式內 PHP…驚鴻一瞥 請求 URL 會將資料送給伺服器 將請求送給伺服器 從伺服器中取得資料 HTTP 備妥狀態 檢查備妥狀態 瀏覽器正在做什麼事？ 從請求物件中取得伺服器的回應 測試執行斷頸應用 當瀏覽器對請求 URL 進行快取處理… 60 秒回顧 3 非同步應用 她用非同步將我弄瞎了 到底非同步是什麼意思？ 建立一個 Ajax 版本的咖啡機 反覆式 Ajax 應用開發 將 JavaScript 移到外部檔案 打碎 javascript 送出一個非同步的請求 取得單選鈕群的值 喝咖啡，聊是非：非同步應用與同步應用 取得 《div》 內的文字內容 設定 《div》 內的文字內容 清除表單 PHP…驚鴻一瞥 編寫回呼函式 介紹 JavaScript 的 substring() 函式 最後的測試（是嗎？） 我們需要兩個請求物件！ 建立兩個請求物件 歡迎來到非同步的世界 4 文件物件模型 網頁林業管理 需要一個動態的應用嗎？ 介紹 DOM 在不用到 Ajax 的狀況下，使用 DOM 瀏覽器是如何看待 HTML 的 編寫你自己的…Web 次序很重要 瀏覽器用倒立的方式看世界 DOM 樹 在 DOM 樹內走透透 節點知道…幾乎所有的事 有些瀏覽器不認得 Node 第四章的編程挑戰 4.5 開發 DOM 應用 第二份餐點 人人都是樂評家 遊戲的規劃 大藍圖 設定 CD 封面 用程式碼加上事件處理器 在 top 5 清單加入一張 CD 注意「this」 在一個元素中，增加孩子 一個元素只能有一個父親 我們的 DOM 樹越來越大 最後的測試 5 POST 請求 用 POST，你可以說更多 增加再次訂購的機會 用 Ajax 提交表單 將訂單送到伺服器 PHP…驚鴻一瞥 錯誤發生時 DOM 會影響到顧客所看到的一切 測試斷頸應用 錯誤訊息與回應標頭 伺服器對瀏覽器說… 斷頸錯誤處理 GET 請求 vs. POST 請求 Web 伺服器進行 POST 資料的解碼 用 POST 請求送出更多資料 試試看 POST 請求 神秘的 POST 資料 請求標頭 回應標頭 設定內容型別 6 XML 請求與回應 有更多話要說 伺服器不必說太多話 有話大聲說 伺服器受限的語彙 XML：正是醫生的囑咐 重返滑板「正」斗城 滑板「正」斗城的問題 專用資料格式的問題 填寫 XML 處方 PHP…驚鴻一瞥 使用 responseText 取得未經處理的 XML 還記得 DOM 樹嗎？ 在你的程式碼中，使用 responseXML 透過標籤名稱找到元素 測試滑板「正」斗城的 XML XML 是用來定義其他語言的語言 XML 不是萬靈丹，不要使用過頭 XML 請求？ 何種資料格式？ 7 JSON vs. XML 最後擂臺賽 一種新的資料格式 複習請求與回應的格式 動口也動手：XML 與 JSON 你使用 DOM 處理 XML 你可以使用「正常的」JavaScript 處理 JSON JSON 就是 JavaScript JSON 資料格式 伺服器上的 JSON JSON 以文字的身份前來 你應該在請求中用什麼資料格式？ 何種資料格式比較好？ 附錄 1：補充資料 幾個特別的禮物 Ajax 工具包 script.aculo.us 以及其他的 UI 程式庫 檢視 DOM