×
Ajax 快速上手
作者: Brett McLaughlin
譯者:蔡學鏞
書號: A195
出版日: 2006/07/01
ISBN:9789867794864
附件: 無
定價: 780
電子書: 未出版
購買紙本書
內容特色
厭倦了「使用者一移動滑鼠,頁面就要重新載入」?受夠了「老是在枯等著伺服器回應使用者對電影票的請求」?這種舊式的網站設計手法已經可以被淘汰,你需要開始採用 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 Garrett

Adaptive Path

『這本書簡直是腦袋的糖果,我欲罷不能。』

—Pauline McNamara

新技術與教育中心,瑞士 Fribourg 大學

『這是一本「技術結合現實」的書,適合領先潮流的 web 專家閱讀。』

—Valentin Crettaz

Condris 科技公司,技術長
章節目錄
誰適合讀這本書?

我們知道你的腦袋在想什麼

元認知

讓你的腦袋順從你

讀我

技術審閱者

致謝

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
透過標籤名稱找到元素
測試滑板「正」斗城的 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
在 PHP 劇本中使用 JSON 程式庫
對 JSON 使用 eval()

附錄 2:Ajax 和 DOM 的工具

『給我程式碼,其餘免談!』
ajax.js
使用 ajax.js
text-utils.js
使用 text-utils.js

索引
Ajax 快速上手 分享
  • 作者: Brett McLaughlin
  • 書號:A195
  • ISBN:9789867794864
  • 出版日:2006/07/01
  • 定價:$ 780
  • 電子書:已出版
  • 購買紙本書

    天瓏  博客來  
    內容特色
    厭倦了「使用者一移動滑鼠,頁面就要重新載入」?受夠了「老是在枯等著伺服器回應使用者對電影票的請求」?這種舊式的網站設計手法已經可以被淘汰,你需要開始採用 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 Garrett

    Adaptive Path

    『這本書簡直是腦袋的糖果,我欲罷不能。』

    —Pauline McNamara

    新技術與教育中心,瑞士 Fribourg 大學

    『這是一本「技術結合現實」的書,適合領先潮流的 web 專家閱讀。』

    —Valentin Crettaz

    Condris 科技公司,技術長
    章節目錄
    誰適合讀這本書?

    我們知道你的腦袋在想什麼

    元認知

    讓你的腦袋順從你

    讀我

    技術審閱者

    致謝

    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
    透過標籤名稱找到元素
    測試滑板「正」斗城的 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
    在 PHP 劇本中使用 JSON 程式庫
    對 JSON 使用 eval()

    附錄 2:Ajax 和 DOM 的工具

    『給我程式碼,其餘免談!』
    ajax.js
    使用 ajax.js
    text-utils.js
    使用 text-utils.js

    索引