本书首先通过分析Ajax相关技术入手，深入Ajax的技术细节；然后对现在流行的Ajax实现模式进行了介绍，掌握Ajax的思考方式。

本书和其他深入浅出系列书籍一样，使用许多有趣的视觉刺激来保持我们大脑思考的兴奋。读完全书，您会惊奇地发现那些繁琐笨拙的网站开发技术早已随风而去，展现在我们面前的是一个崭新的技术境界。本书的作者Brctt mclaughlin是一位出色的吉他手，擅长于蓝调布鲁斯和爵士乐的演奏。同时，作为一位帮助人们更好地编写程式的作家，McLaughlin为读者奉献了许多优秀的作品和畅销书籍。如《Java and XML》，《Java 5.0 Ti—ger：A Developer’S Notebook》，《Home Theater Hacks》等等。

Ajax作为流行的Web开发技术，由于其具有异步的数据请求和Web页面数据的无刷新改变等特性，广泛套用于Web 2.0与富客户连线埠Web中。

“通过阅读本书，您会发现Ajax并不神秘；这本书为每个Web开发人员提供了许多激动人心的体验。”

——Jesse JameS Garrett, Adaptive Path

“这本书让我爱不释手，是促使我思考的催化剂！”

——Pauline McNamara.Centerfor New Technologies and Education，Fribourg University,Switzerland

“毫无疑问，这本书是为每一个处在划时代技术前沿的Web先驱準备的礼物，同时让那些技术套用于世。”

———Valentin Crettaz.CTO, Condris TechnoloKies

作为一名网站设计人员，您也许时常因为遇到以下情况而烦恼：用户只是移动了滑鼠就要从伺服器重载数据；儘管请求的服务很简单，用户却仍然需要长时间等待伺服器的回响。无疑，Ajax技术能够帮助您减少这样的烦恼。Ajaxe的异步技术能够让您设计的网站在变得更简洁的同时具有更敏捷的用户回响。

我们都知道，下一代的网站设计需要新的技术来指导；需要引入一些吸引人的、够炫的技术来支持我们完成设计。这就是本书能够提供给您的。阅读本书，一定会带给您许多的乐趣。首先，您可以在很短的时间内掌握如何使用JavaScript代码来向伺服器提交异步请求。同时，更为有趣的是，您可以学习如何使用诸如动态HTML、XML、JSON、DOM等技术来解决开发过程中遇到的许多问题。毫无疑问，这是一本指导您进行异步开发的经典参考书籍。

Brett是一个吉他手。如果他进入蓝调爵士音乐界，可能会沦落到付不起账单，但是他仍然挣扎于打破达样的现实状况。他最近很高兴地发现，写书不但可以帮助别人成为更好的程式设计师，同时也可以让他付得起账单。他对此感到很高兴，他的妻子也是，还有两个年幼的小孩也是。

在Brett进入“Head First”领域之前，他曾为Nextel Communications和Allegiance Telecom公司开发企业使用的Java应用程式。当这个变得很普遍时，他进入套用伺服器内部，开发Lutris Enhydra的servlet引擎和EJB容器。这一路下来，Brett喜欢上开放源码并协助开创出几个很酷的编程工具，包括Jakarta Turbine以及JDOM。

当Lutris关闭后，Brett决定改行当全职的作家和编辑，自此就为美国O’Reilly公司工作。现在有了“Head First”系列之后他更不可能回到“正常”的职业了。Brett负责“Head First”系列的管理，同时也亲自编写“Head First”和“Head Rush”系列的书籍。

除了“Head First”和“Head Rush”是他的作品之外，他也写了另外几本畅销书，包括《Java与XML》、《Jaya 5.0 Tiger程式高手秘笈》、《HOWle Theater Hack S》、《Java and XML Data Binding》以及《Building Java Enterprise Applications，VolumeI》。好像这还不够多，当你在读此书的时候，Brett可能已经开始动手写他的下一本“Head First”系列的书了。但这还是秘密，稍后我们会让你知道更多这方面的讯息。

你可以发电子邮件给他：brett@oreilly.corn，也可以到线上拜访他。如果他没有在教小孩玩乐器或和太太一起看《24小时》或《发展受阻》（arrested development），那幺他应该会很快回答你的问题。

介绍

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：以及其他的Ul程式库

#3：查看DOM

#4：在PHP脚本中使用JSON程式库

#5：对JSON使用evalo

附录2：“给我程式代码，其余免谈！”：Ajax和DOM的实用程式

ajax.js

使用ajax.js

text—utils.js

使用text.utils.js

索引