本书详细介绍了Google背后的技术——Ajax,主要内容包括:Ajax简介、Ajax 基础、prototype.js、rico、xajax、登录系统之地址查询与用户账号验证、在线英汉词典、购物车、Wiki、Google Maps API、Google Maps 与 Ajax。本书内容丰富、实例典型、讲解详尽,为了便于读者学习,本书配套光盘中包含全部实例的源代码。
本书实例源文件请到www.fecit.com.cn的“下载专区”中下载。
本书适合于所有具有一定Web开发经验的读者阅读。
本书繁体字版名为《AJAX网页程序设计——Google成功背后的技术》,由旗标出版股份有限公司出版,版权属旗标出版股份有限公司所有。本中文简体字版由旗标出版股份有限公司授权电子工业出版社**出版发行。未经本书原版出版者和本书出版者书面许可,任何单位和个人均不得以任何方式或任何手段复制或传播本书的部分或全部。

第1篇 Ajax入门
第1章 Ajax简介
1.1 传统网站设计上的优缺点
传统网站的运作机制与架构都是建立在HTTP上的。HTTP是个简单的协议,自然会有许多限制存在,不管是利用CGI、Server Side Script(PHP或ASP等)来设计任何网站,都必须限制于HTTP一个请求(Request),然后一个响应(Response)的设计。在WWW刚起步的阶段,这样的设计并无不妥,浏览器的“上一页”、“下一页”及“历史记录”(History)的功能也都是因此而存在的。
但是随着网站的应用越来越广,甚至已经有越来越多的产品不再使用传统Windows的使用界面,而是以网页来操作产品,我们就有必要来重新思考,目前的网站设计存在着什么缺陷。
1.1.1 等待时间
现在多数网站背后所要做的事情包罗万象,CGI或Server side Script处理需要时间,单击超链接后就会产生一段等待时间。虽然说网站可以利用与后端数据库整合,提高服务器的等级,或者改善整体服务的程序架构等办法缩短等待时间,但是一段不少的时间仍是不可避免的。
1.1.2 页面刷新
正如前面所提到的,HTTP的设计是返回整个新的页面,所以在浏览器上就必须刷新整个页面来显示新的页面如图1-1所示,这样的设计会有几个缺点。
(1)页面的刷新会带来一种不流畅的感觉,用户每次单击后都使页面清空再重来,这样的用户界面设计基本上来说并不合理,或许可以利用其他HTML的技巧进行改进,如框架(Frame)的使用,但是可改进的空间并不大,甚至会带来其他缺点。
(2)如果想要设计一种会动态更新的页面,例如,动态显示所有上线用户数,传统做法都是做个框架(Frame),利用更新(Refresh)的方式来定期更新该框架中的数据,但是这种做法的*大缺点是造成页面的闪烁。正如前面所提到的,浏览器每次收到网站服务器的响应时,都是先清空页面再重新显示,所以当更新的频率快到某种程度时会给用户一种闪烁的感觉,这是不太合理的用户界面设计。
(3)上一页、下一页的操作。其实严格来说,笔者并不认为网页“上一页”和“下一页”的设计不好,相反这是可以让用户随时查看过往记录的好工具。但是在复杂的网页设计中,如果对浏览器的“上一页”、“下一页”没有好的设计,就会给用户带来不便。
举例来说,可能大部分用户都有这样的经验,当使用某些有搜索功能的网站输入了搜索的关键字符串后,浏览器上出现了一堆相关的数据,因为数据众多需要进行分页,在浏览的过程中需要不断地单击“下一页”,但是当你再使用浏览器的“上一页”功能时,浏览器可能会重新弹出一个窗口告诉你要再次发送信息。不过即使单击了“确定”按钮,所产生的网页还可能会出现“请求超时”等错误消息,而这些不愉快的体验,也往往让用户在使用“上一页”功能时疑虑再三。
但是利用网页作为用户界面还是有很多优点的,*主要的优点是开发时间短,容易开发(开发环境及语言繁多,***可以挑选自己熟悉进行开发),容易在不同平台间互相兼容;而对于一般软硬件的管理界面来说,网页式的管理也利于远程管理,同时因为HTTP也是广泛使用的标准通信协议,用HTTP不需要考虑穿透防火墙等棘手的问题,所以多数网络设备都是以HTML加上HTTP的组合来开发网页界面的,而**性的问题也由HTTPS来解决,所以当用户使用网页作为界面时只需要考虑数据及页面即可,是非常方便的。
1.2 其他替代方案
如果在网页上开发用户界面,还有哪些替代方案呢?其他替代方案很多,这也是网页的另一个优点——扩展性高,目前在WWW上有很多各式各样的浏览器插件(Plug-In)来弥补原本HTML的不足,其中使用*多的应该是Flash和Java Applet。
……

第1篇 Ajax入门
第1章 Ajax简介
1.1 传统网站设计上的优缺点
1.1.1 等待时间
1.1.2 页面刷新
1.2 其他替代方案
1.2.1 Flash
1.2.2 Java Applet
1.3 Ajax的诞生
1.3.1 Google Maps
1.3.2 Google Suggest
1.3.3 GMail
1.3.4 Flickr
1.3.5 异步通信
1.4 Flash、Java Applet及Ajax的比较
第2章 Ajax基础
2.1 Ajax基本原理
2.1.1 使用Ajax之前
2.1.2 使用 iframe
2.1.3 Ajax 三层架构
2.2 Ajax的核心XMLHttpRequest
2.2.1 设置异步传输完成函数
2.2.2 使用 open()函数初始设置
2.2.3 使用 send() 传输
2.2.4 取得服务器的响应
2.3 不同浏览器上的 XMLHttpRequest
2.4 Ajax 的**性问题
2.4.1 网络服务与**问题
2.4.2 Ajax的限制
2.4.3 如何突破 Ajax 的**限制
2.4.4 访问需要账号和密码的网页
第2篇 AjaxFramework
第3章 prototype.js
3.1 为什么要使用Framework
3.2 prototype.js 简介
3.2.1 prototype.js 的版权
3.2.2 如何应用 prototype.js
3.2.3 prototype.js 的面向对象概念
3.3 JavaScript原有对象的扩展
3.3.1 Array 对象
3.3.2 Number对象
3.3.3 String 对象
3.3.4 Event 对象
3.4 新增加的对象
3.4.1 哈希(Hash)对象
3.4.2 PeriodicalExecuter 对象
3.5 Ajax对象
3.5.1 prototype.js 的 Ajax示例
3.5.2 Ajax对象
3.5.3 Ajax.Base对象
3.5.4 Ajax.Request 对象
3.5.5 Ajax.Responders 对象
3.5.6 Ajax.Updater对象
3.5.7 Ajax.PeriodicalUpdater 对象
3.6 prototype.js后记
第4章 rico
4.1 rico简介
4.2 rico的版权
4.3 rico示例:旅游网站
4.4 rico旅游网站示例改进
4.5 rico后记
第5章 xajax
5.1 xajax简介
5.2 xajax版权
5.3 使用xajax
5.4 xajax的第1个示例
5.5 xajax的第2个示例
5.6 xajax 重要对象及函数整理
5.6.1 xajax对象
5.6.2 xajaxResponse对象
5.7 xajax后记
第3篇 Ajax 实例演练
第6章 登录系统之地址查询与用户账号验证
6.1 简介
6.2 数据准备
6.3 程序架构
6.4 地址查询后端处理
6.4.1 列举地址
6.4.2 深入筛选
6.5 前端的用户处理
6.5.1 版面设置
6.5.2 事件处理
6.5.3 下拉菜单
6.5.4 检验用户账号
6.6 改进空间
第7章 在线英汉词典
7.1 简介
7.2 数据准备
7.3 Ajax词典后端代码
7.3.1 寻找单词
7.3.2 列举单词
7.4 Ajax词典前端代码
7.4.1 版面设置
7.4.2 查询单词
7.5 其他改进的方法
第8章 购物车
8.1 简介
8.2 程序说明
8.2.1 版面设置
8.2.2 拖放功能
第9章 Wiki
9.1 什么是Wiki
9.2 程序架构
9.3 代码说明
9.3.1 Wiki引擎前端代码
9.3.2 后端代码
9.4 本章小结
第10章 Google Maps API
10.1 Google Maps简介
10.2 开始的**步:申请 API 密钥
10.3 开始使用Google Maps API
10.3.1 引用 API
10.3.2 定义 Container
10.3.3 建立 GMap 对象
10.3.4 加上控件
10.4 在地图上增加其他信息
10.4.1 标示地点
10.4.2 使用自定义图标标示地点
10.4.3 显示信息
10.5 地图彩妆-画上线条
10.5.1 程序说明
10.5.2 运行结果
10.6 Google Maps API的事件处理
10.6.1 单击按钮触发事件
10.6.2 显示经纬度
10.7 本章小结
第11章 Google Maps与Ajax
11.1 Ajax相关对象
11.1.1 GXmlHttp
11.1.2 GXslt
11.1.3 XML文件
11.1.4 XSLT文件
11.2 利用Ajax加载地点数据
11.3 本章小结
第4篇 附录
附录A HTTP
A.1 HTTP简介
A.2 HTTPS
附录B JavaScript
B.1 JavaScript 简介
B.2 语法简介
B.2.1 变量
B.2.2 基本语法
B.2.3 函数
B.3 DOM
B.4 JavaScript实例演练
B.5 面向对象
B.5.1 数组(Array)
B.5.2 字符串(String)
B.5.3 对象(Object)
附录C XMLHttpRequest API
C.1 XMLHttpRequest
C.1.1 IE上取得该对象的方法
C.1.2 其他浏览器上取得该对象的方法
C.2 open()
C.3 send()
C.4 onreadystatechange
C.5 responseXML
C.6 responseText
C.7 readyState
C.8 status
C.9 statusText
C.10 abort()
C.11 getAllResponseHeaders()
C.12 getResponseHeader()
C.13 setRequestHeader()
C.14 onload

教您写出与GMail、Google Maps、Yahoo字典、Flickr相簿一样方便好用的网页。
实例演练:会员申请账号即时检查、邮政编码查询、在线英文词典、拖放式购物车、简易版WIKI系统等。
本书内容:本书从Ajax基础开始,在熟悉了整个的程序设计模式后,再引入较流行的3套Ajax程序设计框架(Framework),进而简化开发的工作。除此之外,为了让读者可以验证Ajax的技术,本书更是通过4个案例一步步带领大家操作具有实用价值的系统,包括会员申请账号即时检查与会员住址邮政编码查询、在线英文词典、拖放式购物车、简易版WIKI系统,不但能够练习Ajax开发技术,更能够将Ajax应用到实际的工作中。