Ajax构建工具箱指南

　　本书主要介绍如何通过Ajax提升网站的功能，如在基于Web的电子书阅读器中动态加载章节内容，选择并查看实时股票报价，使用信息弹出窗口动态显示小块内容，通过U.S. Postal Service Ajax请求动态计算运费等。本书使用构建工具箱的方法将这些功能添加到Ajax应用程序中，通过本书不仅可以学到有关Ajax的知识，更重要的是将学会如何更好地开发网站。 本书浅显易懂，讲解充分，注重应用。适合网站开发与设计人员使用。
　　

第一部分　ajax训练营
　第1章　ajax与新互联网时代　
　　1.1　吃饭和ajax　
　　1.2　ajax、sting和一张专辑　
　　1.3　重载，还是不重载　
　　1.4　ajax到底是什么　
　　1.5　现实中的ajax应用　
　　1.6　ajax不是万能的　
　　1.7　深入理解运费计算程序　
　　小结　
　第2章　深入ajax应用程序　
　　2.1　剖析ajax　
　　2.2　ajax请求的生命周期　
　　2.3　了解ajax工具箱　
　　2.4　分解电子书阅读器程序　
　　2.5　自定义电子书阅读器程序　
　　小结　
第二部分　构建真实的ajax应用程序
　第3章　动态加载web数据：xml电子书阅读器　
　　3.1　挑战：加载小块数据　

　　记得上小学时学过一篇课文，叫《小白兔和小灰兔》。说的是老山羊收白菜，小白兔和小灰兔一起去帮忙。为了感谢它们，老山羊要送给它们白菜。小灰兔收下了白菜，但小白兔则向老山羊要了一包菜籽。回家后，小白兔辛勤劳动丰收了自己的白菜，而小灰兔则吃光了老山羊送的白菜。来年，小灰兔只能又来向老山羊要白菜，而小白兔则给老山羊送来了白菜。这个故事似乎很浅显，但现实中的小白兔和小灰兔却比比皆是。同样的道理，我国古人也曾留下名言：“授人以鱼，三餐之需；授人以渔，终生之用”。鱼是可解眼前之饥的食物，而渔则是捕鱼的手段和技能。.
　　本书就是一本既授人以鱼，又授人以渔的书。书中送给读者朋友的“鱼”是10个具有代表性的Ajax应用程序；而“渔”则是分析、设计、实现Ajax应用程序的过程和方法。10个Ajax应用程序都是即时可用的，或者说是即插即用式的。读者不需要懂得太多的(X)HTML、JavaScript知识，就可以轻松地将这10个Ajax应用程序改造成自己所需的功能，从而为自己的网站或项目增加Ajax驱动的内容。至于“做鱼”的方法，其实很简单。读者只需在网页中适当地包含工具箱中提供的相关.js文件（有时也需要包含CSS文件和少量图像），然后在相应的标签中设置id或class属性或者按照需要添加相应的标签，再为相应元素添加响应用户动作的事件处理程序（虽然在元素标签中添加事件处理程序不是标准Web开发思想所推荐的最佳方法，但对于初级的应用而言也不是太大的问题。读者在熟悉了这种基本的事件响应机制之后，自然能够再过渡到更高级的方法），“鱼”基本上就“做”好了。剩下的就是享用Ajax大餐的美味了。
　　如果读者觉得“鱼”确实好吃，想自己捕鱼，那书中同样也传授了“捕鱼”的实用方法。这主要体现在本书第二部分“构建真实的Ajax应用程序”中。第二部分的10章内容每一章都介绍了一种工具箱中的Ajax应用，而且每一章都采用了相同的体例模式。即
　　?挑战：介绍每个应用的背景和优缺点；分析实现该应用所需要的步骤和关键—需求分析。
　　?设计：在前面需求分析的基础上对应用程序进行设计。这一阶段又分为三个组成部分：客户端网页、服务器端脚本和理解客户端与服务器端对话。这三个部分的设计是所有Ajax应用程序的核心所在。这个阶段分析了客户端网页需要通过Ajax向服务器发送哪些信息（请求），而服务器又需要向客户端返回（响应）什么数据，最后进一步理解客户端与服务器端通信的整个过程模型。根据需要，这一阶段还可能会涉及通过服务器脚本访问第三方Web服务的内容—而这主要是为了绕开对客户端不能直接向第三方服务器发送请求的限制。当然，有的Ajax应用也可能不需要服务器端脚本（比如在向服务器请求文件或图像的情况下），而此时更多的是为了提供Web 2.0式的用户界面。
　　?实现：在设计阶段理解了客户端与服务器之间的通信过程之后，就可以着手实现Ajax应用的各个组成部分并处理它们之间的通信了。当然，这里并不用读者自己编码，书中只是帮助读者细致地分析已经编好的代码，以便读者明白应该如何自定义这些应用。在这个阶段，读者可以透彻地理解客户端怎样向服务器发送信息，而客户端脚本又如何处理服务器返回的数据，并最终将处理后的信息显示在网页中（或者更新原有的页面内容）；可以理解如何准备服务器端的数据，服务器端脚本如何处理客户端的请求，如何向第三方Web服务器发送远程请求，如何对远程服务器响应的数据进行必要的处理（或不作任何处理），最后将数据返回给客户端。..
　　?测试：在根据设计实现应用之后，就可以进行测试了。在这个阶段，书中又向读者介绍了一种非常重要而且实用的测试Ajax应用的方法，即不直接通过客户端页面来测试，而是使用请求URL直接访问PHP服务器端脚本，通过检查服务器脚本返回给浏览器的数据可以更容易发现问题所在。
　　?扩展：扩展部分书中叫做“某某的终极Ajax应用”。这一部分旨在让读者在现有应用程序的基础上，根据自己的需要进行改造，从而更好地满足自己的项目需求。这一部分为读者提供了更多的思路、更宽的视角，是对书中提供的10个Ajax应用程序的进一步升华。
　　相信读者在依次学习了第二部分的几章内容之后，就能对Ajax应用程序的设计和实现产生一种豁然开朗的感觉。事实上，即使再复杂的技术，通过简单的重复也能搞清楚，更何况Ajax并不是很复杂的技术呢？本书第二部分各章的这种体例，从宏观上为读者勾画出一幅分析、设计、实现Ajax应用的路线图，有助于读者见微知著、举一反三。事实上，这种编排体例非常符合中国人的思维习惯，即大处着眼、小处着手。通过看似简单的重复，本书自然而然地把读者带入到了通向更高级程序设计的殿堂门口。
　　最后，为了让读者方便地观摩各种“做好的鱼”的“色香味”，书中提供了一张独创性的Linux Live CD。说到Linux Live CD，可能会吓到一些读者。因为很多读者都知道计算机操作系统有Windows、Unix、Linux之分，但多数人则只有Windows系统的使用经验。其实不必怕，这张光盘的名称只是为了表明其中包含的操作系统以及实用程序都是免费开源的，不需要读者为它们的版权问题而担心。事实上，这张光盘是一张能够在Windows系统中正常运行的光盘。在Windows系统中，读者有两种选择：一是直接运行，即从光盘重新启动进入盘载Ubuntu（基于Linux的一种操作系统）中运行并改造本书实例；二是在Windows系统中安装相应的Web服务器软件（XAMPP）并复制实例代码，然后运行和改造实例。之所以说这张光盘具有独创性，是因为它开辟了一种交付随书应用程序示例的傻瓜模式，读者通过这张光盘，几乎不必进行任何设置，也不必上网下载任何代码，就能够在自己的电脑中迅速查看书中所有的应用程序实例，并且还能对实例进行实时的编辑和改造。
　　这本书为读者提供了“鱼”，也提供了“渔”；或者说，提供了“白菜”，也提供了“菜籽”。那么读者是想做小灰兔还是小白兔呢？
　　本书是我与机械工业出版社华章公司合作的第一本书。我翻译这本书的最大愿望，就是读者能够透过我翻译出来的文字，准确无误地理解原书作者的一番精心策划和安排，为自己在Web开发领域中登堂入室开一个好头。如果读者觉得我的翻译有什么问题，或者对本书内容有任何疑问，都可以直接和我联系，我的电子邮箱是lsf.email@yahoo.com.cn，个人网站是http://www.cn-cuckoo.com。读者朋友可以给我发邮件或者在网站上给我留言，我一定会尽量及时地回复大家。最后，我要感谢陈冀康编辑的信任和他认真负责的工作精神，这对我翻译好本书提供了切实的保证。
　　本书由李松峰负责翻译，参加翻译工作的还有程宝杰、宋连海、付荣艳、封耀杰、贾爱华、左艳坡、熊俊芹、刘英、宋会敏等。
　　李松峰
　　2007年11月13日于北京...
　　

　　这本书的灵感来自于我和本书编辑的一次磋商，我们都不相信能将两个随机的技术主题融合到一本书当中。几次书信往来，最终使“Ajax”和“Live CD”这两个主题结合在一起了。本书就像是Rails上的Blu-ray或iPod设计模式一样容易。因此，很幸运你挑选出这本集Ajax和Live CD于一体的书。.
　　事实上，Ajax和Live CD是一对不可思议的好伙伴，因为Live CD为构建并测试Ajax应用程序提供了理想的环境。所谓“Live CD”就是位于一张CD上的完整的操作系统。与一个完整的操作系统捆绑在一起的是其他有用的应用程序，例如能够支持Ajax应用程序运行的Web服务器。
　　相对于单独以JavaScript开发的纯客户端应用程序来说，Ajax应用程序的唯一特别之处是它对服务器也有所要求。换句话说，Ajax的大前提是客户端与服务器之间的通信。这意味着你不仅需要一个服务器，而且还需要对服务器进行某种控制。最低限度，你也需要快速安装并测试（为你的Ajax应用程序提供服务器端处理的）服务器端脚本的能力。在为你提供难以置信的可定制平台，并构建、测试和运行Ajax应用程序等方面，Live CD是最佳选择。
　　鉴于Live CD如此优秀，我必须诚实地告诉你本书95％的内容都与Ajax相关。由于Ajax应用程序比纯粹的客户端应用程序对环境的要求更多，所以本书的Live CD主要是为此提供便利。
　　既然本书主要是关于Ajax的，那它的真正含义是什么呢？它真正的含义是，在相对较少的页数中，让你学习到如何通过Ajax实现：
　　·在基于Web的电子书阅读器中动态加载章节内容（第3章）。
　　·选择并查看实时股票报价（第4章）。
　　·将网页变成理解RSS新闻源的新闻聚合器（第5章）。
　　·为你的网站添加自动完成功能（第6章）。
　　·验证表单数据并实时查询位置数据（第7章）。
　　·创建“Web 2.0”式的图像查看器，实现你的页面处理图像方式的现代化（第8章）。
　　·使用信息弹出窗口动态显示小块内容（第9章）。
　　·为任何链接添加实时天气状况弹出窗口（第10章）。
　　·通过U.S. Postal Service Ajax请求动态计算运费（第11章）。
　　·在你的网页中加入动态的五星评级系统（第12章）。
　　这些都是因Ajax才成为可能的动态应用程序。更重要的是，本书使用构建工具箱的方法来引导你将这些功能添加到Ajax应用程序中。虽然通过本书介绍的许多示例，你最终会学习到许多有关Ajax的知识，但本书的焦点却不是教给你Ajax，而是向你展示如何通过Ajax实现一些很酷的功能。为此，本书有时候可能需要你学习一些全新的东西，而有时候则只是要求你简单地剪切和粘贴代码。关键在于本书只讲如何做事。
　　在我看来，做事就是学习，通过跟着本书一起做事，最终你将获得对Ajax的更全面地理解。但更重要的是，在学习完本书以后，你将拥有自己构建的Ajax程序集合，你可以把它带在身边并应用到你的项目中。
　　本书读者对象 本书在介绍各种Ajax示例时，必须要基于常规原则深入到JavaScript和PHP中。但是，本书的初衷则是使任何具有HTML和CSS（Cascading Style Sheets，层叠样式表）经验的人都感到容易阅读，而不是要求读者必须具有脚本编程的背景，无论是客户端（JavaScript）还是服务器端（PHP）。虽然我并不能完全确定这是一个现实的目标，但它却是我在充分展示Ajax示例的过程中努力的方向，因此不会对脚本编程的新手造成太大影响。
　　总的来说，要看懂这本书，你必须了解一些HTML的基本知识。CSS虽然不是很关键，但它也会偶尔出现，所以你也要对CSS略知一二。在此基础上，知道有关JavaScript的有关知识也将对你大有帮助，毕竟它是Ajax的基础。但是，我相信即使你的Web脚本编程知识有限，也一定能看懂本书中的JavaScript代码。而在全书中突然出现的PHP代码都非常简单，而且我会详细解释每段脚本的目的和作用，因此你不必知道任何PHP的知识，也能轻松过关。
　　本书组织方式..