《瘋狂Ajax講義》是2013年電子工業出版社出版的圖書，作者是李剛。
基本介紹
- 作者：李剛
- ISBN：9787121193941
- 頁數：624
- 定價：79.00元
- 出版社：電子工業出版社
- 出版時間：2013-2
- 原作名：李剛
內容介紹,作者介紹,作品目錄,
內容介紹
李剛編著的《瘋狂Ajax講義》為《瘋狂AjaX講義》的第3版，其中jQuery升級到1．8版本；Prototype升級到1．7．1版本；DwR升級到3．0版本。第3版最大更新是詳細、全面地介紹了Ext Js 4．1的知識。由於Ext Js 4．1本身內容比較多，因此本書花了幾百頁來介紹Ext Js的功能和用法，這部分內容獨立出來即可作為Ext Js 4．1的學習手冊。
本書詳細介紹了iQuery 1．8、Ext Js 4．1、Prototype 1．7．1、DWR這4個最常用的AjaX框架的用法，並針對每個框架提供了一個實用案例，讓讀者理論聯繫實際。這部分內容是“瘋狂軟體教育中心”的標準講義，它既包含了實際AjaX開發的重點和難點，也融人了大量學習者的學習經驗和感悟。再由筆者以豐富的授課經驗為基礎，深入淺出地介紹它們，希望讀者真正掌握Ajax開發的精髓。本書最後提供了2個綜合性案例：Blog系統和電子拍賣系統，讓讀者將前面所學真正套用到實際項目中。電子拍賣系統是一個包含5個表、表之間具有複雜關聯映射的系統，該案例採用目前最流行、最規範的輕量級．Java EE架構，將整個套用分為領域對象層、DAO層、業務邏輯層，然後用DWR作為AjaX引擎調用業務邏輯方法回響異步請求，系統許可權檢查推遲到業務邏輯層完成，並使用HTTP Session跟蹤用戶操作狀態，從而避免用戶刷新瀏覽器導致的瀏覽狀態丟失。該案例對實際項目具有極好的指導價值和借鑑意義。該案例既提供了IDE無關的、基於Ant管理的項目源碼，也提供了基於Eclipse IDE的項目源碼，最大限度地滿足讀者的需求。
本書並非針對零基礎的讀者，書中不再包含HTML、CSS、JavaScript相關知識，這些知識是閱讀本書的基礎。本書適合有初步HTML、CSS、JavaScript基礎的讀者，或對企業套用前端開發不太熟悉的開發人員。如果你已經掌握本書上篇：《瘋狂HTML 5/CSS 3/JavaScript講義》內容，將非常適合閱讀此書。
作者介紹
李剛，從事10多年的Java EE套用開發，現任瘋狂軟體教育中心教學總監。
瘋狂Java實訓營創始人，瘋狂Java體系圖書作者。曾任LITEON公司J2EE技術主管，負責該公司的企業信息化平台的架構設計。
51CTO專家門診特邀嘉賓。
曾任廣州電信、廣東龍泉科技等公司的技術培訓導師，廣東技術師範學院計算機科學系的兼職副教授。
國內著名高端IT技術作家，已出版《瘋狂Java講義》、《瘋狂Android講義》、《輕量級Java EE企業套用實戰》、《瘋狂Ajax講義》、《瘋狂XML講義》、《經典Java EE企業套用實戰》、《瘋狂HTML 5/CSS 3/JavaScript講義》、《Struts 2.x權威指南》等著作。其中瘋狂Java體系圖書均已得到廣泛的市場認同，多次重印成為超級暢銷書，並被多所“985”“211”院校選作教材。部分圖書已被翻譯成繁體中文版、授權到台灣地區。
作品目錄
第1章 Ajax概述與Ajax初體驗 1
1.1 重新思考Web套用 2
1.1.1 套用系統的發展史 2
1.1.2 傳統Web套用的優勢和缺點 5
1.2 重新設計Web套用 5
1.2.1 富Internet套用 6
1.2.2 使用Ajax 7
1.3 Ajax技術介紹 7
1.3.1 Ajax的工作方式 8
1.3.2 Ajax技術核心：XMLHttpRequest 8
1.3.3 Ajax的編程腳本：JavaScript語言 8
1.3.4 HTML頁面的DOM模型 9
1.3.5 動態載入和顯示數據 9
1.3.6 Ajax的特徵 10
1.3.7 Ajax帶來的典型優勢 11
1.4 開發傳統的B/S聊天室 13
1.4.1 實現業務邏輯組件 14
1.4.2 實現控制器 16
1.4.3 實現視圖 18
1.4.4 傳統B/S聊天室的問題 19
1.5 Ajax聊天室 20
1.5.1 異步傳送請求 20
1.5.2 解決多餘刷新的問題 22
1.5.3 解析伺服器回響 24
1.5.4 何時傳送請求 25
1.5.5 Ajax聊天室的特點 29
1.6 Ajax編程的技術難點 29
1.7 傳統Web套用與Ajax套用的對比 31
1.8 本章小結 32
第2章 XMLHttpRequest對象詳解 33
2.1 XMLHttpRequest對象概述 34
2.2 XMLHttpRequest的方法和屬性 34
2.2.1 XMLHttpRequest的方法 35
2.2.2 XMLHttpRequest的屬性 38
2.3 傳送請求 41
2.3.1 傳送簡單請求 41
2.3.2 傳送GET請求 43
2.3.3 傳送POST請求 46
2.3.4 傳送請求時的編碼問題 47
2.3.5 傳送XML請求 51
2.4 處理伺服器回響 54
2.4.1 處理的時機 54
2.4.2 使用文本回響 54
2.4.3 使用JSON回響 54
2.5 XMLHttpRequest對象的運行周期 57
2.6 Ajax必須解決的問題 58
2.6.1 跨瀏覽器問題 58
2.6.2 安全性問題 59
2.6.3 性能問題 61
2.7 本章小結 65
第3章 jQuery庫詳解 66
3.1 jQuery入門 67
3.1.1 理解jQuery的設計 67
3.1.2 下載和安裝jQuery 68
3.1.3 讓jQuery與其他JavaScript庫共存 69
3.2 獲取jQuery對象 69
3.2.1 jQuery核心函式 70
3.2.2 jQuery與jQuery.holdReady 71
3.2.3 以CSS選擇器訪問DOM元素 72
3.2.4 選擇器的附加限定詞 74
3.2.5 表單相關的選擇器 77
3.3 jQuery操作類數組的工具方法 80
3.3.1 過濾相關方法 81
3.3.2 仿DOM導航查找的相關方法 83
3.3.3 連結方法 85
3.4 jQuery支持的方法 86
3.4.1 jQuery命名空間的方法 86
3.4.2 數據存儲的相關方法 90
3.4.3 操作屬性的相關方法 91
3.4.4 操作CSS屬性的相關方法 93
3.4.5 操作元素內容的相關方法 96
3.4.6 操作DOM節點的相關方法 98
3.5 jQuery事件相關方法 103
3.5.1 綁定事件處理函式 103
3.5.2 特定事件相關的方法 105
3.5.3 事件對象 106
3.6 動畫效果相關的方法 108
3.6.1 簡單動畫和複雜動畫 108
3.6.2 操作動畫佇列 111
3.7 jQuery的回調支持 112
3.7.1 回調支持的基本用法 112
3.7.2 創建Callbacks支持的選項 114
3.8 Ajax相關方法 116
3.8.1 三個工具方法 116
3.8.2 使用load方法 117
3.8.3 jQuery.ajax(options)與jQuery.ajaxSetup(options) 119
3.8.4 使用get/post方法 120
3.9 jQuery的Deferred對象 123
3.9.1 jQuery的異步調用 123
3.9.2 為多個耗時操作指定回調函式 127
3.9.3 為普通對象增加Defered接口 127
3.9.4 jQuery對象的promise方法 128
3.10 擴展jQuery和jQuery外掛程式 129
3.11 本章小結 130
第4章 基於jQuery的套用：電子相冊系統 131
4.1 實現持久層 132
4.1.1 實現持久化類 132
4.1.2 配置SessionFactory 134
4.2 實現DAO組件 135
4.2.1 開發通用DAO組件 136
4.2.2 DAO接口定義 139
4.2.3 完成DAO組件的實現類 139
4.3 實現業務邏輯層 141
4.3.1 實現業務邏輯組件 141
4.3.2 配置業務邏輯組件 143
4.4 實現客戶端調用 144
4.4.1 訪問業務邏輯組件 144
4.4.2 處理用戶登錄 145
4.4.3 獲得用戶相片列表 148
4.4.4 處理翻頁 149
4.4.5 通過隱藏iframe實現檔案上傳 150
4.4.6 頁面載入時的處理 154
4.5 本章小結 155
第5章 Ext JS核心技術詳解 157
5.1 Ext JS入門 158
5.1.1 下載和安裝Ext JS 158
5.1.2 Ext 入門示例 159
5.1.3 使用Ext JS文檔 160
5.2 核心工具方法 162
5.2.1 Ext的屬性和獲取瀏覽器特性 162
5.2.2 onReady方法 163
5.2.3 Ext.defer方法 163
5.2.4 Ext.apply和Ext.applyIf方法 164
5.2.5 Ext.define、Ext.create和Ext.extend方法 166
5.2.6 Ext.isXxx方法 169
5.2.7 Ext.each和Ext.iterate方法 169
5.2.8 Ext.namespace方法 170
5.3 Ext JS擴展的工具方法 171
5.3.1 為Array擴展的工具方法 171
5.3.2 為Date擴展的工具方法 173
5.3.3 為Function擴展的工具方法 173
5.3.4 為Number擴展的工具方法 174
5.3.5 為Object擴展的工具方法 175
5.3.6 為String擴展的工具方法 175
5.3.7 JSON支持 176
5.4 簡化的DOM操作 177
5.4.1 Ext.get、Ext.getXxx和Ext.fly方法 177
5.4.2 Ext.query、Ext.select方法與Ext.dom.Query工具類 178
5.4.3 DOM元素的常用操作 182
5.4.4 使用Ext.DomHelper、Ext.Template動態生成HTML 188
5.5 動畫處理 192
5.5.1 使用Ext.fx.Anim實現簡單動畫 192
5.5.2 使用Ext.fx.Animator實現多關鍵幀動畫 194
5.5.3 為元素增加動畫 195
5.6 Ext JS的事件處理 197
5.6.1 使用Ext.EventManager管理事件處理函式與Ext.EventObject事件對象 197
5.6.2 事件處理函式的執行範圍和附加選項 200
5.6.3 使用Ext.util.Observable實現內部事件 201
5.7 實用工具集 203
5.7.1 Ext.util.HashMap與Ext.util.MixedCollection 203
5.7.2 使用Ext.util.Cookies操作Cookie 204
5.7.3 使用Ext.util.DelayedTask 處理延時任務 205
5.7.4 包裝單擊事件：Ext.util.ClickRepeater 205
5.7.5 使用Ext.util.TaskRunner與Ext.TaskManager 206
5.7.6 使用Ext.util.KeyMap與Ext.util.KeyNav為元素處理按鍵事件 207
5.8 拖放 209
5.8.1 使用Ext.dd.DD和Ext.dd.DDProxy創建可拖放元素 209
5.8.2 用Ext.dd.DragSource創建拖動源與用Ext.dd.DropTarget創建放目標 210
5.8.3 用Ext.dd.DragZone創建拖動源與用Ext.dd.DropZone創建放目標 212
5.9 Ajax支持 214
5.10 本章小結 217
第6章 Ext JS界面組件詳解 218
6.1 容器、面板和視窗 219
6.1.1 使用Ext.Component 220
6.1.2 使用Ext.container.Container創建容器 222
6.1.3 使用Ext.panel.Panel創建面板 223
6.1.4 使用Ext.toolbar.ToolBar添加工具條 226
6.1.5 使用Ext.tab.Panel創建Tab面板 229
6.1.6 使用Ext.container.Viewport整體布局 231
6.1.7 使用Ext.window.Window創建視窗 234
6.1.8 使用Ext.window.MessageBox創建對話框 235
6.2 布局 238
6.2.1 容器與布局的關係 238
6.2.2 垂直布局與水平布局 238
6.2.3 使用Ext.resizer.Resizer為組件增加大小調整功能 239
6.2.4 使用Ext.resizer.Splitter為盒布局增加大小調整的功能 241
6.2.5 使用Ext.layout.container.Accordion實現摺疊布局 242
6.2.6 使用Ext.layout.container.Border實現框線布局 244
6.2.7 使用Ext.layout.container.Table實現表格布局 245
6.2.8 使用Ext.layout.container.Column實現列布局 246
6.2.9 使用Ext.layout.container.Auto實現自動布局 248
6.2.10 使用Ext.layout.container.Fit實現自適應布局 249
6.2.11 使用Ext.layout.container.Card實現卡片布局 250
6.2.12 使用Ext.layout.container.Anchor實現錨布局 252
6.2.13 使用Ext.layout.container.Absolute實現絕對布局 253
6.3 選單及選單項 254
6.3.1 使用選單 254
6.3.2 使用Ext.menu.CheckItem實現可勾選選單項 256
6.3.3 使用Ext.menu.ColorPicker創建顏色選擇器選單 257
6.3.4 使用Ext.menu.DatePicker創建日期選擇選單 258
6.4 按鈕 259
6.4.1 使用按鈕 259
6.4.2 帶選單的按鈕 261
6.4.3 帶分割線的按鈕：Ext.button.Split 263
6.4.4 多狀態按鈕：Ext.button.Cycle 264
6.4.5 使用Ext.container.ButtonGroup創建按鈕組 266
6.4.6 使用Ext.Action 267
6.5 其他組件及實用功能 270
6.5.1 使用Ext. ProgressBar創建進度條 270
6.5.2 使用Ext.slider.Single創建滑動條 274
6.5.3 使用Ext.slider.Multi創建多滑塊滑動條 276
6.5.4 使用Ext.Img創建圖片 277
6.5.5 使用Ext.Editor創建編輯器 278
6.5.6 使用Ext.tip.ToolTip創建提示 279
6.5.7 使用Ext.tip.QuickTipManager和Ext.tip.QuickTip創建提示 283
6.5.8 使用Ext.ux.GMapPanel實現Google地圖 284
6.6 表單 286
6.6.1 使用Ext.form.Panel與Ext.form.Basic創建表單 288
6.6.2 配置輸入校驗選項 292
6.6.3 使用vtype選項配置輸入校驗 294
6.6.4 使用Ext.form.action.Submit提交表單 297
6.6.5 使用Ext.form.action.Load為表單裝載數據 300
6.6.6 使用Ext.form.action.StandardSubmit提交表單 303
6.6.7 單行文本框、密碼框 303
6.6.8 使用Ext.form.field.Number 創建數值框 305
6.6.9 使用Ext.form.field.Date創建日期選擇框 306
6.6.10 使用Ext.form.field.Spinner創建微調選擇框 308
6.6.11 使用Ext.form.field.TextArea創建文本域 309
6.6.12 使用Ext.form.field.HtmlEditor創建富文本編輯器 310
6.6.13 使用Ext.form.field.File上傳檔案 311
6.6.14 使用Ext.form.field.Checkbox創建複選框 314
6.6.15 使用Ext.form.field.Radio創建單選按鈕 317
6.6.16 使用Ext.form.field.ComboBox創建複合框 319
6.6.17 使用遠程數據、queryMode為local的複合框 321
6.6.18 queryMode為remote的複合框 323
6.6.19 為Ext.form.field.ComboBox增加分頁功能 325
6.6.20 實現Ext.form.field.ComboBox二級聯動 327
6.6.21 使用Ext.form.FieldSet組合表單控制項 330
6.7 Ext JS的數據中心 332
6.7.1 Ext.data.Model與Ext.data.Field 332
6.7.2 使用Ext.data.proxy.Proxy和Ext.data.reader.Reader讀取數據 335
6.7.3 Ext.data.Store及其子類 336
6.8 使用Ext.grid.Panel生成表格 337
6.8.1 使用Ext.grid.Panel生成表格 337
6.8.2 使用Ext.grid.column.Column定義列 339
6.8.3 使用Ext.grid.Panel顯示遠程數據 342
6.8.4 對Ext.grid.Panel表格進行分頁 343
6.8.5 對本地數據進行分頁 344
6.8.6 表格數據排序和過濾 346
6.8.7 通過表格特性對表格數據進行分組 347
6.8.8 開發動態編輯的表格 349
6.8.9 允許拖動數據的表格 352
6.8.10 使用Ext.grid.column.Action 操作表格數據 356
6.9 使用Ext.tree.Panel生成樹 360
6.9.1 樹有關的類及簡單樹 360
6.9.2 添加、刪除、修改樹節點 362
6.9.3 帶複選框的樹節點 365
6.9.4 表格樹 366
6.9.5 異步載入樹節點 368
6.9.6 樹節點的拖放與通過拖放更新底層數據 372
6.10 本章小結 376
第7章 Prototype庫詳解 377
7.1 Prototype的下載和安裝 378
7.1.1 什麼是Prototype庫 378
7.1.2 下載和安裝Prototype庫 379
7.1.3 使用Prototype對象 379
7.2 Prototype的工具函式 380
7.2.1 使用$()函式 380
7.2.2 使用$$()函式 382
7.2.3 使用$A()函式 384
7.2.4 使用$F()函式 385
7.2.5 使用$w()函式 386
7.2.6 使用$H()函式 386
7.2.7 使用$R()函式 387
7.2.8 使用Try.these()函式 388
7.3 Prototype的JSON支持 389
7.4 Prototype的自定義對象和類 390
7.4.1 使用Element對象 390
7.4.2 使用Element.Methods 394
7.4.3 使用Enumerable 394
7.4.4 使用ObjectRange 398
7.4.5 使用Form.Element操作表單控制項 399
7.4.6 使用Form操作表單 400
7.4.7 使用Hash對象 402
7.4.8 使用Event 404
7.4.9 使用Template 405
7.4.10 使用Class 406
7.4.11 兩個常用的監聽器 407
7.5 Prototype常用的擴展 409
7.5.1 擴展Array 409
7.5.2 擴展document 410
7.5.3 擴展String 411
7.5.4 擴展Function 414
7.5.5 擴展Number 415
7.6 Prototype的Ajax支持 416
7.6.1 使用Ajax.Request類 416
7.6.2 利用Form.request方法 420
7.6.3 使用Ajax.Responders對象 421
7.6.4 使用Ajax對象 422
7.6.5 使用Ajax.Updater類 423
7.6.6 使用Ajax.PeriodicalUpdater類 426
7.7 本章小結 428
第8章 基於Prototype庫的套用：自動完成 429
8.1 套用的基本分析和持久層設計 430
8.1.1 數據要求 430
8.1.2 實現持久化類 430
8.1.3 實現DAO組件 432
8.1.4 部署DAO組件 434
8.2 實現Service組件 435
8.3 使用Servlet提供伺服器回響 437
8.3.1 根據前綴查詢品牌 438
8.3.2 根據品牌查詢型號 439
8.3.3 根據型號查詢詳細信息 439
8.4 客戶端HTML頁面實現 440
8.5 增加HTML頁面的事件回響能力 442
8.5.1 實現品牌輸入框的事件處理器 442
8.5.2 實現鍵盤事件的處理器 444
8.5.3 根據品牌提示型號 446
8.5.4 根據型號顯示描述 447
8.5.5 註冊Ajax事件監聽器 448
8.6 本章小結 449
第9章 DWR框架詳解 451
9.1 DWR的下載和安裝 452
9.1.1 什麼是DWR 452
9.1.2 下載和安裝DWR 453
9.2 使用DWR 457
9.2.1 編寫處理類 458
9.2.2 配置DWR 460
9.3 使用DWR的轉換器 461
9.3.1 基本轉換器 461
9.3.2 對象轉換器 462
9.3.3 數組轉換器 464
9.3.4 集合類型轉換器 464
9.4 方法聲明定義 465
9.5 使用DWR的創建器 466
9.5.1 創建器的配置 466
9.5.2 使用new創建器 468
9.5.3 使用none創建器 469
9.5.4 使用script創建器 469
9.6 調用伺服器端的方法 470
9.6.1 調用伺服器端方法的通用配置 471
9.6.2 使用簡單回調 472
9.6.3 使用JSON格式的回調 476
9.6.4 將客戶端參數傳遞到回調函式 479
9.7 使用engine.js 480
9.7.1 設定調用順序 480
9.7.2 設定全局逾時時長 481
9.7.3 設定全局Hook函式 481
9.7.4 設定全局處理函式 481
9.7.5 設定常用的全局選項 482
9.7.6 批處理 482
9.8 使用util.js 483
9.8.1 使用$() 483
9.8.2 處理列表 483
9.8.3 處理表格 488
9.8.4 訪問HTML元素值 492
9.8.5 幾個工具函式 494
9.9 整合第三方Java EE框架 496
9.9.1 訪問Servlet API 496
9.9.2 整合Spring 500
9.10 使用DWR注釋 502
9.10.1 初始配置 502
9.10.2 標註創建器和轉換器 503
9.11 異常處理 504
9.12 反向Ajax 506
9.12.1 配置反向Ajax 506
9.12.2 在Java方法中操作Web頁 507
9.12.3 在客戶端調用反向Ajax方法 509
9.13 DWR 3簡化的檔案上傳 510
9.13.1 檔案上傳的處理類 510
9.13.2 調用JavaScript完成檔案上傳 512
9.14 本章小結 514
第10章 基於DWR的套用：即時訊息系統 515
10.1 實現Hibernate持久層 516
10.1.1 實現持久化類 516
10.1.2 將POJO映射成持久化對象 518
10.2 實現DAO組件 519
10.2.1 實現DAO組件 519
10.2.2 部署DAO組件 520
10.3 實現業務邏輯組件 521
10.3.1 業務邏輯組件的接口 521
10.3.2 業務邏輯組件的實現類 522
10.3.3 部署業務邏輯組件 525
10.4 開發DWR前端處理類 526
10.4.1 實現DWR前端處理組件 526
10.4.2 為前端處理器增加許可權控制 528
10.5 處理異步請求 529
10.5.1 將Spring容器中的Bean創建成JavaScript對象 529
10.5.2 處理用戶登錄 531
10.5.3 處理用戶註冊 532
10.5.4 處理訊息發布 534
10.5.5 獲取訊息列表 535
10.5.6 處理分頁 536
10.5.7 查看訊息內容 537
10.5.8 頁面載入時的處理 538
10.6 本章小結 539
第11章 基於Ext JS 4.1的套用：簡易Blog系統 540
11.1 實現Hibernate持久層 541
11.1.1 設計Hibernate的持久化類 541
11.1.2 完成映射檔案 543
11.2 實現DAO組件 545
11.2.1 DAO接口定義 546
11.2.2 實現DAO組件 546
11.2.3 配置DAO組件 547
11.3 實現業務邏輯組件 548
11.3.1 業務邏輯組件的接口 548
11.3.2 業務邏輯組件的實現類 549
11.3.3 配置業務邏輯組件 552
11.4 使用Ext JS開發前端 553
11.4.1 初始化界面 553
11.4.2 顯示指定Blog文章 557
11.4.3 顯示回複列表 559
11.4.4 添加回復 561
11.4.5 發表新Blog文章
11.5 本章小結 569
第12章 Ajax實例：電子拍賣系統 570
12.1 總體說明和概要設計 571
12.1.1 系統的總體架構設計 571
12.1.2 資料庫設計 572
12.2 實現Hibernate持久化類 573
12.2.1 設計Domain Object 574
12.2.2 實現Domain Object 575
12.3 DAO層實現 579
12.3.1 DAO的基礎配置 579
12.3.2 實現DAO組件 580
12.3.3 部署DAO組件 583
12.4 業務邏輯層實現 584
12.4.1 設計業務邏輯組件 584
12.4.2 依賴注入DAO組件 586
12.4.3 業務邏輯組件的異常處理 587
12.4.4 處理用戶競價 588
12.4.5 判斷拍賣物品狀態 590
12.4.6 事務管理 592
12.4.7 配置業務層組件 592
12.5 暴露前端處理方法 595
12.5.1 定義DWR前端處理類 595
12.5.2 初始化Spring容器 597
12.5.3 配置DWR的核心Servlet 597
12.5.4 暴露前端處理方法 598
12.5.5 對前端處理方法增加許可權檢查 600
12.6 調用前端處理方法回響用戶請求 601
12.6.1 頁面載入時的函式 601
12.6.2 處理返回首頁的請求 602
12.6.3 瀏覽所有流拍物品 602
12.6.4 處理用戶登錄 605
12.6.5 管理物品 609
12.6.6 管理物品種類 612
12.6.7 查看競得物品 616
12.6.8 查看自己的競價記錄 617
12.6.9 瀏覽拍賣物品 619
12.6.10 參與競價 621
12.7 本章小結 624
1.1 重新思考Web套用 2
1.1.1 套用系統的發展史 2
1.1.2 傳統Web套用的優勢和缺點 5
1.2 重新設計Web套用 5
1.2.1 富Internet套用 6
1.2.2 使用Ajax 7
1.3 Ajax技術介紹 7
1.3.1 Ajax的工作方式 8
1.3.2 Ajax技術核心：XMLHttpRequest 8
1.3.3 Ajax的編程腳本：JavaScript語言 8
1.3.4 HTML頁面的DOM模型 9
1.3.5 動態載入和顯示數據 9
1.3.6 Ajax的特徵 10
1.3.7 Ajax帶來的典型優勢 11
1.4 開發傳統的B/S聊天室 13
1.4.1 實現業務邏輯組件 14
1.4.2 實現控制器 16
1.4.3 實現視圖 18
1.4.4 傳統B/S聊天室的問題 19
1.5 Ajax聊天室 20
1.5.1 異步傳送請求 20
1.5.2 解決多餘刷新的問題 22
1.5.3 解析伺服器回響 24
1.5.4 何時傳送請求 25
1.5.5 Ajax聊天室的特點 29
1.6 Ajax編程的技術難點 29
1.7 傳統Web套用與Ajax套用的對比 31
1.8 本章小結 32
第2章 XMLHttpRequest對象詳解 33
2.1 XMLHttpRequest對象概述 34
2.2 XMLHttpRequest的方法和屬性 34
2.2.1 XMLHttpRequest的方法 35
2.2.2 XMLHttpRequest的屬性 38
2.3 傳送請求 41
2.3.1 傳送簡單請求 41
2.3.2 傳送GET請求 43
2.3.3 傳送POST請求 46
2.3.4 傳送請求時的編碼問題 47
2.3.5 傳送XML請求 51
2.4 處理伺服器回響 54
2.4.1 處理的時機 54
2.4.2 使用文本回響 54
2.4.3 使用JSON回響 54
2.5 XMLHttpRequest對象的運行周期 57
2.6 Ajax必須解決的問題 58
2.6.1 跨瀏覽器問題 58
2.6.2 安全性問題 59
2.6.3 性能問題 61
2.7 本章小結 65
第3章 jQuery庫詳解 66
3.1 jQuery入門 67
3.1.1 理解jQuery的設計 67
3.1.2 下載和安裝jQuery 68
3.1.3 讓jQuery與其他JavaScript庫共存 69
3.2 獲取jQuery對象 69
3.2.1 jQuery核心函式 70
3.2.2 jQuery與jQuery.holdReady 71
3.2.3 以CSS選擇器訪問DOM元素 72
3.2.4 選擇器的附加限定詞 74
3.2.5 表單相關的選擇器 77
3.3 jQuery操作類數組的工具方法 80
3.3.1 過濾相關方法 81
3.3.2 仿DOM導航查找的相關方法 83
3.3.3 連結方法 85
3.4 jQuery支持的方法 86
3.4.1 jQuery命名空間的方法 86
3.4.2 數據存儲的相關方法 90
3.4.3 操作屬性的相關方法 91
3.4.4 操作CSS屬性的相關方法 93
3.4.5 操作元素內容的相關方法 96
3.4.6 操作DOM節點的相關方法 98
3.5 jQuery事件相關方法 103
3.5.1 綁定事件處理函式 103
3.5.2 特定事件相關的方法 105
3.5.3 事件對象 106
3.6 動畫效果相關的方法 108
3.6.1 簡單動畫和複雜動畫 108
3.6.2 操作動畫佇列 111
3.7 jQuery的回調支持 112
3.7.1 回調支持的基本用法 112
3.7.2 創建Callbacks支持的選項 114
3.8 Ajax相關方法 116
3.8.1 三個工具方法 116
3.8.2 使用load方法 117
3.8.3 jQuery.ajax(options)與jQuery.ajaxSetup(options) 119
3.8.4 使用get/post方法 120
3.9 jQuery的Deferred對象 123
3.9.1 jQuery的異步調用 123
3.9.2 為多個耗時操作指定回調函式 127
3.9.3 為普通對象增加Defered接口 127
3.9.4 jQuery對象的promise方法 128
3.10 擴展jQuery和jQuery外掛程式 129
3.11 本章小結 130
第4章 基於jQuery的套用：電子相冊系統 131
4.1 實現持久層 132
4.1.1 實現持久化類 132
4.1.2 配置SessionFactory 134
4.2 實現DAO組件 135
4.2.1 開發通用DAO組件 136
4.2.2 DAO接口定義 139
4.2.3 完成DAO組件的實現類 139
4.3 實現業務邏輯層 141
4.3.1 實現業務邏輯組件 141
4.3.2 配置業務邏輯組件 143
4.4 實現客戶端調用 144
4.4.1 訪問業務邏輯組件 144
4.4.2 處理用戶登錄 145
4.4.3 獲得用戶相片列表 148
4.4.4 處理翻頁 149
4.4.5 通過隱藏iframe實現檔案上傳 150
4.4.6 頁面載入時的處理 154
4.5 本章小結 155
第5章 Ext JS核心技術詳解 157
5.1 Ext JS入門 158
5.1.1 下載和安裝Ext JS 158
5.1.2 Ext 入門示例 159
5.1.3 使用Ext JS文檔 160
5.2 核心工具方法 162
5.2.1 Ext的屬性和獲取瀏覽器特性 162
5.2.2 onReady方法 163
5.2.3 Ext.defer方法 163
5.2.4 Ext.apply和Ext.applyIf方法 164
5.2.5 Ext.define、Ext.create和Ext.extend方法 166
5.2.6 Ext.isXxx方法 169
5.2.7 Ext.each和Ext.iterate方法 169
5.2.8 Ext.namespace方法 170
5.3 Ext JS擴展的工具方法 171
5.3.1 為Array擴展的工具方法 171
5.3.2 為Date擴展的工具方法 173
5.3.3 為Function擴展的工具方法 173
5.3.4 為Number擴展的工具方法 174
5.3.5 為Object擴展的工具方法 175
5.3.6 為String擴展的工具方法 175
5.3.7 JSON支持 176
5.4 簡化的DOM操作 177
5.4.1 Ext.get、Ext.getXxx和Ext.fly方法 177
5.4.2 Ext.query、Ext.select方法與Ext.dom.Query工具類 178
5.4.3 DOM元素的常用操作 182
5.4.4 使用Ext.DomHelper、Ext.Template動態生成HTML 188
5.5 動畫處理 192
5.5.1 使用Ext.fx.Anim實現簡單動畫 192
5.5.2 使用Ext.fx.Animator實現多關鍵幀動畫 194
5.5.3 為元素增加動畫 195
5.6 Ext JS的事件處理 197
5.6.1 使用Ext.EventManager管理事件處理函式與Ext.EventObject事件對象 197
5.6.2 事件處理函式的執行範圍和附加選項 200
5.6.3 使用Ext.util.Observable實現內部事件 201
5.7 實用工具集 203
5.7.1 Ext.util.HashMap與Ext.util.MixedCollection 203
5.7.2 使用Ext.util.Cookies操作Cookie 204
5.7.3 使用Ext.util.DelayedTask 處理延時任務 205
5.7.4 包裝單擊事件：Ext.util.ClickRepeater 205
5.7.5 使用Ext.util.TaskRunner與Ext.TaskManager 206
5.7.6 使用Ext.util.KeyMap與Ext.util.KeyNav為元素處理按鍵事件 207
5.8 拖放 209
5.8.1 使用Ext.dd.DD和Ext.dd.DDProxy創建可拖放元素 209
5.8.2 用Ext.dd.DragSource創建拖動源與用Ext.dd.DropTarget創建放目標 210
5.8.3 用Ext.dd.DragZone創建拖動源與用Ext.dd.DropZone創建放目標 212
5.9 Ajax支持 214
5.10 本章小結 217
第6章 Ext JS界面組件詳解 218
6.1 容器、面板和視窗 219
6.1.1 使用Ext.Component 220
6.1.2 使用Ext.container.Container創建容器 222
6.1.3 使用Ext.panel.Panel創建面板 223
6.1.4 使用Ext.toolbar.ToolBar添加工具條 226
6.1.5 使用Ext.tab.Panel創建Tab面板 229
6.1.6 使用Ext.container.Viewport整體布局 231
6.1.7 使用Ext.window.Window創建視窗 234
6.1.8 使用Ext.window.MessageBox創建對話框 235
6.2 布局 238
6.2.1 容器與布局的關係 238
6.2.2 垂直布局與水平布局 238
6.2.3 使用Ext.resizer.Resizer為組件增加大小調整功能 239
6.2.4 使用Ext.resizer.Splitter為盒布局增加大小調整的功能 241
6.2.5 使用Ext.layout.container.Accordion實現摺疊布局 242
6.2.6 使用Ext.layout.container.Border實現框線布局 244
6.2.7 使用Ext.layout.container.Table實現表格布局 245
6.2.8 使用Ext.layout.container.Column實現列布局 246
6.2.9 使用Ext.layout.container.Auto實現自動布局 248
6.2.10 使用Ext.layout.container.Fit實現自適應布局 249
6.2.11 使用Ext.layout.container.Card實現卡片布局 250
6.2.12 使用Ext.layout.container.Anchor實現錨布局 252
6.2.13 使用Ext.layout.container.Absolute實現絕對布局 253
6.3 選單及選單項 254
6.3.1 使用選單 254
6.3.2 使用Ext.menu.CheckItem實現可勾選選單項 256
6.3.3 使用Ext.menu.ColorPicker創建顏色選擇器選單 257
6.3.4 使用Ext.menu.DatePicker創建日期選擇選單 258
6.4 按鈕 259
6.4.1 使用按鈕 259
6.4.2 帶選單的按鈕 261
6.4.3 帶分割線的按鈕：Ext.button.Split 263
6.4.4 多狀態按鈕：Ext.button.Cycle 264
6.4.5 使用Ext.container.ButtonGroup創建按鈕組 266
6.4.6 使用Ext.Action 267
6.5 其他組件及實用功能 270
6.5.1 使用Ext. ProgressBar創建進度條 270
6.5.2 使用Ext.slider.Single創建滑動條 274
6.5.3 使用Ext.slider.Multi創建多滑塊滑動條 276
6.5.4 使用Ext.Img創建圖片 277
6.5.5 使用Ext.Editor創建編輯器 278
6.5.6 使用Ext.tip.ToolTip創建提示 279
6.5.7 使用Ext.tip.QuickTipManager和Ext.tip.QuickTip創建提示 283
6.5.8 使用Ext.ux.GMapPanel實現Google地圖 284
6.6 表單 286
6.6.1 使用Ext.form.Panel與Ext.form.Basic創建表單 288
6.6.2 配置輸入校驗選項 292
6.6.3 使用vtype選項配置輸入校驗 294
6.6.4 使用Ext.form.action.Submit提交表單 297
6.6.5 使用Ext.form.action.Load為表單裝載數據 300
6.6.6 使用Ext.form.action.StandardSubmit提交表單 303
6.6.7 單行文本框、密碼框 303
6.6.8 使用Ext.form.field.Number 創建數值框 305
6.6.9 使用Ext.form.field.Date創建日期選擇框 306
6.6.10 使用Ext.form.field.Spinner創建微調選擇框 308
6.6.11 使用Ext.form.field.TextArea創建文本域 309
6.6.12 使用Ext.form.field.HtmlEditor創建富文本編輯器 310
6.6.13 使用Ext.form.field.File上傳檔案 311
6.6.14 使用Ext.form.field.Checkbox創建複選框 314
6.6.15 使用Ext.form.field.Radio創建單選按鈕 317
6.6.16 使用Ext.form.field.ComboBox創建複合框 319
6.6.17 使用遠程數據、queryMode為local的複合框 321
6.6.18 queryMode為remote的複合框 323
6.6.19 為Ext.form.field.ComboBox增加分頁功能 325
6.6.20 實現Ext.form.field.ComboBox二級聯動 327
6.6.21 使用Ext.form.FieldSet組合表單控制項 330
6.7 Ext JS的數據中心 332
6.7.1 Ext.data.Model與Ext.data.Field 332
6.7.2 使用Ext.data.proxy.Proxy和Ext.data.reader.Reader讀取數據 335
6.7.3 Ext.data.Store及其子類 336
6.8 使用Ext.grid.Panel生成表格 337
6.8.1 使用Ext.grid.Panel生成表格 337
6.8.2 使用Ext.grid.column.Column定義列 339
6.8.3 使用Ext.grid.Panel顯示遠程數據 342
6.8.4 對Ext.grid.Panel表格進行分頁 343
6.8.5 對本地數據進行分頁 344
6.8.6 表格數據排序和過濾 346
6.8.7 通過表格特性對表格數據進行分組 347
6.8.8 開發動態編輯的表格 349
6.8.9 允許拖動數據的表格 352
6.8.10 使用Ext.grid.column.Action 操作表格數據 356
6.9 使用Ext.tree.Panel生成樹 360
6.9.1 樹有關的類及簡單樹 360
6.9.2 添加、刪除、修改樹節點 362
6.9.3 帶複選框的樹節點 365
6.9.4 表格樹 366
6.9.5 異步載入樹節點 368
6.9.6 樹節點的拖放與通過拖放更新底層數據 372
6.10 本章小結 376
第7章 Prototype庫詳解 377
7.1 Prototype的下載和安裝 378
7.1.1 什麼是Prototype庫 378
7.1.2 下載和安裝Prototype庫 379
7.1.3 使用Prototype對象 379
7.2 Prototype的工具函式 380
7.2.1 使用$()函式 380
7.2.2 使用$$()函式 382
7.2.3 使用$A()函式 384
7.2.4 使用$F()函式 385
7.2.5 使用$w()函式 386
7.2.6 使用$H()函式 386
7.2.7 使用$R()函式 387
7.2.8 使用Try.these()函式 388
7.3 Prototype的JSON支持 389
7.4 Prototype的自定義對象和類 390
7.4.1 使用Element對象 390
7.4.2 使用Element.Methods 394
7.4.3 使用Enumerable 394
7.4.4 使用ObjectRange 398
7.4.5 使用Form.Element操作表單控制項 399
7.4.6 使用Form操作表單 400
7.4.7 使用Hash對象 402
7.4.8 使用Event 404
7.4.9 使用Template 405
7.4.10 使用Class 406
7.4.11 兩個常用的監聽器 407
7.5 Prototype常用的擴展 409
7.5.1 擴展Array 409
7.5.2 擴展document 410
7.5.3 擴展String 411
7.5.4 擴展Function 414
7.5.5 擴展Number 415
7.6 Prototype的Ajax支持 416
7.6.1 使用Ajax.Request類 416
7.6.2 利用Form.request方法 420
7.6.3 使用Ajax.Responders對象 421
7.6.4 使用Ajax對象 422
7.6.5 使用Ajax.Updater類 423
7.6.6 使用Ajax.PeriodicalUpdater類 426
7.7 本章小結 428
第8章 基於Prototype庫的套用：自動完成 429
8.1 套用的基本分析和持久層設計 430
8.1.1 數據要求 430
8.1.2 實現持久化類 430
8.1.3 實現DAO組件 432
8.1.4 部署DAO組件 434
8.2 實現Service組件 435
8.3 使用Servlet提供伺服器回響 437
8.3.1 根據前綴查詢品牌 438
8.3.2 根據品牌查詢型號 439
8.3.3 根據型號查詢詳細信息 439
8.4 客戶端HTML頁面實現 440
8.5 增加HTML頁面的事件回響能力 442
8.5.1 實現品牌輸入框的事件處理器 442
8.5.2 實現鍵盤事件的處理器 444
8.5.3 根據品牌提示型號 446
8.5.4 根據型號顯示描述 447
8.5.5 註冊Ajax事件監聽器 448
8.6 本章小結 449
第9章 DWR框架詳解 451
9.1 DWR的下載和安裝 452
9.1.1 什麼是DWR 452
9.1.2 下載和安裝DWR 453
9.2 使用DWR 457
9.2.1 編寫處理類 458
9.2.2 配置DWR 460
9.3 使用DWR的轉換器 461
9.3.1 基本轉換器 461
9.3.2 對象轉換器 462
9.3.3 數組轉換器 464
9.3.4 集合類型轉換器 464
9.4 方法聲明定義 465
9.5 使用DWR的創建器 466
9.5.1 創建器的配置 466
9.5.2 使用new創建器 468
9.5.3 使用none創建器 469
9.5.4 使用script創建器 469
9.6 調用伺服器端的方法 470
9.6.1 調用伺服器端方法的通用配置 471
9.6.2 使用簡單回調 472
9.6.3 使用JSON格式的回調 476
9.6.4 將客戶端參數傳遞到回調函式 479
9.7 使用engine.js 480
9.7.1 設定調用順序 480
9.7.2 設定全局逾時時長 481
9.7.3 設定全局Hook函式 481
9.7.4 設定全局處理函式 481
9.7.5 設定常用的全局選項 482
9.7.6 批處理 482
9.8 使用util.js 483
9.8.1 使用$() 483
9.8.2 處理列表 483
9.8.3 處理表格 488
9.8.4 訪問HTML元素值 492
9.8.5 幾個工具函式 494
9.9 整合第三方Java EE框架 496
9.9.1 訪問Servlet API 496
9.9.2 整合Spring 500
9.10 使用DWR注釋 502
9.10.1 初始配置 502
9.10.2 標註創建器和轉換器 503
9.11 異常處理 504
9.12 反向Ajax 506
9.12.1 配置反向Ajax 506
9.12.2 在Java方法中操作Web頁 507
9.12.3 在客戶端調用反向Ajax方法 509
9.13 DWR 3簡化的檔案上傳 510
9.13.1 檔案上傳的處理類 510
9.13.2 調用JavaScript完成檔案上傳 512
9.14 本章小結 514
第10章 基於DWR的套用：即時訊息系統 515
10.1 實現Hibernate持久層 516
10.1.1 實現持久化類 516
10.1.2 將POJO映射成持久化對象 518
10.2 實現DAO組件 519
10.2.1 實現DAO組件 519
10.2.2 部署DAO組件 520
10.3 實現業務邏輯組件 521
10.3.1 業務邏輯組件的接口 521
10.3.2 業務邏輯組件的實現類 522
10.3.3 部署業務邏輯組件 525
10.4 開發DWR前端處理類 526
10.4.1 實現DWR前端處理組件 526
10.4.2 為前端處理器增加許可權控制 528
10.5 處理異步請求 529
10.5.1 將Spring容器中的Bean創建成JavaScript對象 529
10.5.2 處理用戶登錄 531
10.5.3 處理用戶註冊 532
10.5.4 處理訊息發布 534
10.5.5 獲取訊息列表 535
10.5.6 處理分頁 536
10.5.7 查看訊息內容 537
10.5.8 頁面載入時的處理 538
10.6 本章小結 539
第11章 基於Ext JS 4.1的套用：簡易Blog系統 540
11.1 實現Hibernate持久層 541
11.1.1 設計Hibernate的持久化類 541
11.1.2 完成映射檔案 543
11.2 實現DAO組件 545
11.2.1 DAO接口定義 546
11.2.2 實現DAO組件 546
11.2.3 配置DAO組件 547
11.3 實現業務邏輯組件 548
11.3.1 業務邏輯組件的接口 548
11.3.2 業務邏輯組件的實現類 549
11.3.3 配置業務邏輯組件 552
11.4 使用Ext JS開發前端 553
11.4.1 初始化界面 553
11.4.2 顯示指定Blog文章 557
11.4.3 顯示回複列表 559
11.4.4 添加回復 561
11.4.5 發表新Blog文章
11.5 本章小結 569
第12章 Ajax實例：電子拍賣系統 570
12.1 總體說明和概要設計 571
12.1.1 系統的總體架構設計 571
12.1.2 資料庫設計 572
12.2 實現Hibernate持久化類 573
12.2.1 設計Domain Object 574
12.2.2 實現Domain Object 575
12.3 DAO層實現 579
12.3.1 DAO的基礎配置 579
12.3.2 實現DAO組件 580
12.3.3 部署DAO組件 583
12.4 業務邏輯層實現 584
12.4.1 設計業務邏輯組件 584
12.4.2 依賴注入DAO組件 586
12.4.3 業務邏輯組件的異常處理 587
12.4.4 處理用戶競價 588
12.4.5 判斷拍賣物品狀態 590
12.4.6 事務管理 592
12.4.7 配置業務層組件 592
12.5 暴露前端處理方法 595
12.5.1 定義DWR前端處理類 595
12.5.2 初始化Spring容器 597
12.5.3 配置DWR的核心Servlet 597
12.5.4 暴露前端處理方法 598
12.5.5 對前端處理方法增加許可權檢查 600
12.6 調用前端處理方法回響用戶請求 601
12.6.1 頁面載入時的函式 601
12.6.2 處理返回首頁的請求 602
12.6.3 瀏覽所有流拍物品 602
12.6.4 處理用戶登錄 605
12.6.5 管理物品 609
12.6.6 管理物品種類 612
12.6.7 查看競得物品 616
12.6.8 查看自己的競價記錄 617
12.6.9 瀏覽拍賣物品 619
12.6.10 參與競價 621
12.7 本章小結 624
