1.1Ajax述.docVIP

·PAGE 14· Ajax从入门到精通 ·PAGE 13· 第1章 什么是Ajax 111 1 11 第第 第 第 章 章导读 什么是Ajax 什么是Ajax ? ? Ajax概述 ? 经典案例1：搜索关键词建议系统（Google Suggest） ? 经典案例2：优秀的电子邮件服务系统（Gmail） ? 第一个Ajax应用程序：Hello World! ? 小结 当前Web开发领域最新的时髦术语Ajax，到底代表着什么含义？它从何发展而来？在当今Web开发领域中扮演什么样的角色，有着什么样的影响？未来又将去往何处？本章将带领读者走进Ajax的世界。 当前Web开发领域最新的时髦术语Ajax，到底代表着什么含义？它从何发展而来？在当今Web开发领域中扮演什么样的角色，有着什么样的影响？未来又将去往何处？本章将带领读者走进Ajax的世界。 本章首先在“Ajax概述”中对Ajax作基本的介绍，讲解其含义和发展历史。然后介绍两个经典的Ajax应用案例：Google Suggest和Gmail。最后，笔者将和读者一起来创建第一个Ajax应用程序“Hello World！”。 1.1 Ajax概述 Ajax全称是Asynchronous JavaScript and XML，即异步JavaScript和XML，这也概括了Ajax应用程序的基本特点：由JavaScript编写、程序异步执行、用XML来封装和传输数据。 Ajax并不是什么新技术，而是将各种已经存在的成熟技术，采用一种崭新的开发模式重新揉合在一起，使得古老的B/S方式的Web开发焕发了新的活力，迎来了第二个春天。具体来说，Ajax主要由以下技术组成： HTML CSS DOM（HTML DOM 和XML DOM） JavaScript XML XMLHttpRequest 1.1.1 关键技术：XMLHttpRequest 可以看到，除了XMLHttpRequest技术，其他技术都是目前得到理解和广泛使用的基于Web标准的技术。而XMLHttpRequest技术正是整个Ajax技术体系的核心，是Ajax得以区分传统Web应用程序的标志。 XMLHttpRequest最初叫做XMLHTTP，由微软（Microsoft）于1999年在IE5.0中率先推出。XMLHttpRequest为运行于浏览器中的JavaScript脚本提供了一种在页面内与服务器通信的手段，这样就使得页面内的JavaScript可以在不刷新页面的前提下，向服务器提交数据，及从服务器获取数据。 XMLHttpRequest的出现打破了传统Web应用程序的固有模式，即Web应用程序再也不一定是由一组连续的页面组成。在传统的Web应用程序中，用户大部分交互性的操作，都需要等待页面的切换并刷新整个页面，而在页面刷新的间隙中，用户只能“傻傻地”等待，什么也做不了。XMLHttpRequest的出现改变了这一笨拙的开发模式，使得用户可以不切换页面就能提交数据到服务器，并能局部更新页面以显示更新后的数据，为用户提供了更好的用户体验。 正是由于XMLHttpRequest的优越性，使得其他厂商的浏览器纷纷开始支持XMLHttpRequest。几乎所有的主流浏览器，例如IE、Firefox、Netscape、Opera以及苹果（Apple）公司推出的Safari，全部都支持这个技术。如今，XMLHttpRequest已经成为事实标准。 1.1.2 Ajax名词的由来 虽然XMLHttpRequest的出现已经有近十个年头，但是Ajax这个概念却是直到2005年2月才被Adaptive Path公司负责用户体验策略的主管Jesse James Garrett正式提出。他在2005年2月18日发表了一篇题为《Ajax：A New Approach to Web Applications》（Ajax：一个Web应用的新途径）的论文，明确地将Ajax定义为Asynchronous JavaScript and XML，这就是Ajax这个名词的由来。 而Ajax技术应用的先驱和主要推动者则是著名的搜索引擎公司：Google。Google在2005年推出的Gmail，充分展示了Ajax的魅力所在，吸引了无数用户。从此，在全世界范围内逐渐刮起了一阵Ajax的旋风。 Google公司在之后相继推出的新版Google Groups、Google Suggest和Google Maps中，都给予了Ajax充分的表现空间。Google Suggest能够根据用户的输入立刻显示关键词的建议和相关条目的搜索结果数量。Google Maps给用户呈现出可以任意放大、缩小和移动地图的超凡体验。而后，Google公司更是