疯狂Ajax讲义：jQuery/Ext JS/Prototype/DWR企业应用前端开发实战（第3版）

第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文章 565
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