Ajax作为流行的Web开发技术,由于其具有异步的数据请求和Web页面数据的无刷新改变等特性,广泛应用于Web 2.0与富客户端口Web中。本书首先通过分析Ajax相关技术入手,深入Ajax的技术细节;然后对现在流行的Ajax实现模式进行了介绍,掌握Ajax的思考方式;*后通过一个大型的Ajax开发实例,让读者全面了解怎样将Ajax在实际项目中加以应用。
作为一名网站设计人员,您也许时常因为遇到以下情况而烦恼:用户只是移动了鼠标就要从服务器重载数据;尽管请求的服务很简单,用户却仍然需要长时间等待服务器的响应。无疑,Ajax技术能够帮助您减少这样的烦恼。Ajaxe的异步技术能够让您设计的网站在变得更简洁的同时具有更敏捷的用户响应。
我们都知道,下一代的网站设计需要新的技术来指导;需要引入一些吸引人的、够炫的技术来支持我们完成设计。这就是本书��够提供给您的。阅读本书,一定会带给您许多的乐趣。首先,您可以在很短的时间内掌握如何使用JavaScript代码来向服务器提交异步请求。同时,更为有趣的是,您可以学习如何使用诸如动态HTML、XML、JSON、DOM等技术来解决开发过程中遇到

介绍
1 使用Ajax:新一代的web应用程序
重载的Web
欢迎来到新千年!
“重载?我们不要讨厌的重载。”
**剪辑:第1章
步骤1:创建一个请求对象
步骤2:请求更新过的销售额
PHP……惊鸿一瞥
此服务器曾经怎么做事
服务器现在应该怎么做
初始化连接
连接到Web服务器
增加一个事件处理器
步骤3:编写updatePage()
我们所看到的Web应用程序
隆重介绍Web浏览器
浏览器如何处理服务器的响应
送指令给浏览器
取得服务器的响应
检查正确的就绪状态
60秒回顾
2 话说语言:制作Ajax请求插曲
Break Neck Pizza(极速比萨)递送
Break Neck Pizza,改用Ajax风格
步骤l:取得顾客的电话号码
HTML 101:接受用户的输入
事件处理器将HTML连接到JavaScript
使用DOM以取得电话号码
步骤2:请求顾客的地址
Web浏览器在哪里?
创建一个请求对象
支持多种浏览器
JavaScript程序代码不一定要在函数内
PHP……惊鸿一瞥
请求URL会将数据送给服务器
将请求送给服务器
步骤3:取出顾客的地址
HTTP就绪状态
检查就绪状态
浏览器正在做什么事?
从请求对象中取得服务器的响应
在线测试Break Neck应用程序
当浏览器对请求URL进行缓存处理……
60秒回顾
3 她用异步将我弄糊涂了:异步应用程序
到底异步是什么意思?
建立一个Ajax版本的咖啡机
Ajax开发的来来回回
是的,让我们将JavaScript放为一个独立的文件
打碎JavaScript
写JavaScript代码以送出请求
取得单选按钮组的值
喝咖啡,聊是非:异步应用程序与同步应用程序
取得并设定内的文本内容
设定中的文本
下单之后,让我们清除表单
PHP……惊鸿一瞥
编写回调函数
介绍JavaScript的substring()函数
*后的在线测试(是吗?)
我们需要两个请求对象!
创建两个请求对象
欢迎来到异步的世界!
4 网页林地管理:文档对象模型
需要一个动态的应用程序吗?
介绍DOM
在用不到Ajax的情况下使用DOM
浏览器如何看待你的HTML
编写你自己的Web字典
次序很重要
浏览器用倒立的方式看世界
一种新树:DOM树
在DOM树内走一遍
节点知道几乎所有的事
有些浏览器不认识Node
第4章 的编程挑战
4.5 第二份餐点:开发DOM应用程序
人人都是评论家
战略
大蓝图
设定CD封面
在top 5列表中加入一张CD
注意“this”
在一个元素中增加子元素
一个元素只能有一个父亲
加入名次数字
我们的DOM树越来越大
*后的测试
5 用POST,你可以说更多:POST请求插曲
增加再次订购的机会
用Ajax提交表单
1.更新Break Neck的HTML
2.将订单送到服务器
PHP……惊鸿一瞥
错误发生时
DOM会影响到顾客所看到的一切
测试Break Neck应用程序
错误消息是好东西
服务器对浏览器说……
Break Neck错误处理
GET请求VS.POST请求
Web服务器进行POST数据的解码
用POST请求送出更多数据
试试POST请求
神秘的POST数据
设定内容类型
6 有更多话要说:XML请求与响应
服务器不必说太多话
有话大声说!
XML:正是医生的嘱咐
还记得Katie吗?
滑雪板“反”斗城的问题
填写XML**
PHP……惊鸿一瞥
输出服务器的响应
在程序代码中使用responseXML
你可以通过它们的“标记名称”找到它们
试试看会怎样
XML是一种元语言:用来定义其他的XML语言
XML不是万灵丹,不要使用过头
不送出XML请求
何种数据格式?
7 *后擂台赛:JSON vs.XML
一种新的数据格式
复习请求与响应的格式
动口也动手:XML与JSON
你使用DOM处理XML
你可以使用“正常的”JavaScript处理JSON
JSON就是JavaScript
JSON数据格式
服务器上的JSON
JSON以文本的身份前来
你应该在请求中尽量只使用文本格式的数据
那么,哪一种是比较好的数据格式?
附录1:几个特别的礼物:补充资料
#1:Ajax工具包
#2:script.aculo.US以及其他的Ul程序库
#3:查看DOM
#4:在PHP脚本中使用JSON程序库
#5:对JSON使用evalo
附录2:“给我程序代码,其余免谈!”:Ajax和DOM的实用程序
ajax.js
使用ajax.js
text—utils.js
使用text.utils.js
索引

“通过阅读本书,您会发现Ajax并不神秘;这本书为每个Web开发人员提供了许多激动人心的体验。”
——Jesse JameS Garrett, Adaptive Path
“这本书让我爱不释手,是促使我思考的催化剂!”
——Pauline McNamara.Centerfor New Technologies and Education,Fribourg University,Switzerland
“毫无疑问,这本书是为每一个处在划时代技术前沿的Web先驱准备的礼物,同时让那些技术应用于世。”
———Valentin Crettaz.CTO, Condris TechnoloKies