< >
厭倦了「使用者一移動滑鼠,頁面就要重新載入」?受夠了「老是在枯等著伺服器回應使用者對電影票的請求」?這種舊式的網站設計手法已經可以被淘汰,你需要開始採用 Ajax。非同步的編程技巧,讓你將網站變成順暢、靈活、有反應,你的使用者將會覺得他們回到了資訊高速公路,而不是陷入撥接式的小路。但是,誰會想要用上一個世代的教條式書籍,學習下一個世代的網頁編程?你需要有吸引力而且是最先進的學習體驗,就和你想設計的網站一樣,這就是本書出現的目的。有了這本《Ajax快速上手》,不一會兒,你就會開始寫 JavaScript 程式,對 web 伺服器發出非同步請求…而且做起來相當有趣。在你的動態 HTML、XML、JSON、以及 DOM 技術能力往上提升的同時,你也解開了相當多的疑惑,瞭解滑雪板在 Vail 度假勝地銷售得如何,甚至觀賞一段拳擊比賽。聽起來很有趣,不是嗎?那你還在等什麼?現在就快拿一本《Ajax 快速上手》,開始學習 Ajax 以及非同步編程,以「正確的」方法 — 一種讓人欲罷不能的方法。如果你曾經讀過 Head First 系列書籍,那麼你就會知道這本《Ajax 快速上手》具有視覺化豐富的格式,專為你的腦袋而設計。Head Rush 比 Head First 的步伐更快,在完成第一章之前你就具有一個可以運作的系統了,你會遇到不安好心眼的「搗蛋任務」神秘組織,甚至搞定排行榜前五名的藍調 CD。把無聊、沈重的網站,和已經被淘汰的八軌錄音、熱褲一起留在雜物間 — 然後和下一個世代的 web 編程一起向前邁進吧!《作者簡介》Brett McLaughlin 是一個吉他手。如果他進入藍調爵士音樂界,可能會淪落到付不出帳單,但是他仍然掙扎於打破這樣的現實狀況。他最近很高興地發現,寫書不但可以幫助別人成為更好的編程員,同時也可以讓他付得出帳單。除了 Head First 和 Head Rush 是他的作品之外,他也寫了另外幾本暢銷書,包括《Java 與 XML》、《Java 5.0 Tiger 程式高手秘笈》、以及《Home Theater Hacks》。『如果你認為 Ajax 是相當複雜的技術,這本書就是為你而寫的。Head Rush Ajax 讓每一個 web 編程員都能體驗到無與倫比的動態感和吸引力。』—Jess James GarrettAdaptive Path『這本書簡直是腦袋的糖果,我欲罷不能。』—Pauline McNamara新技術與教育中心,瑞士 Fribourg 大學『這是一本「技術結合現實」的書,適合領先潮流的 web 專家閱讀。』—Valentin CrettazCondris 科技公司,技術長
誰適合讀這本書?我們知道你的腦袋在想什麼元認知讓你的腦袋順從你讀我技術審閱者致謝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送出一個非同步的請求取得單選鈕群的值喝咖啡,聊是非:非同步應用與同步應用取得 內的文字內容設定 內的文字內容清除表單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透過標籤名稱找到元素測試滑板「正」斗城的 XMLXML 是用來定義其他語言的語言XML 不是萬靈丹,不要使用過頭XML 請求?何種資料格式?7 JSON vs. XML最後擂臺賽一種新的資料格式複習請求與回應的格式動口也動手:XML 與 JSON你使用 DOM 處理 XML你可以使用「正常的」JavaScript 處理 JSONJSON 就是 JavaScriptJSON 資料格式伺服器上的 JSONJSON 以文字的身份前來你應該在請求中用什麼資料格式?何種資料格式比較好?附錄 1:補充資料幾個特別的禮物Ajax 工具包script.aculo.us 以及其他的 UI 程式庫檢視 DOM在 PHP 劇本中使用 JSON 程式庫對 JSON 使用 eval()附錄 2:Ajax 和 DOM 的工具『給我程式碼,其餘免談!』ajax.js使用 ajax.jstext-utils.js使用 text-utils.js索引 延伸閱讀 Ajax 駭客八十招 深入淺出 Ajax 深入淺出 JavaScript
Ajax 駭客八十招 深入淺出 Ajax 深入淺出 JavaScript
購買紙本書