你真的了解Ajax？Ajax技术简述

Ajax技术是目前在浏览器中通过JavaScript脚本可以使用的所有技术的集合。Ajax并没有创造出某种具体的新技术，它所使用的大多数技术都是在很多年以前就已经存在了，然而Ajax以一种崭新的方式来使用所有的这些技术，使得古老的B/S方式的Web开发焕发了新的活力，迎来了第二个春天。

具体来说，Ajax基于下列这些核心技术:

• XHTML:对应W3C的XHTML规范，目前是XHTML1.0。
• CSS:对应W3C的CSS规范，目前是CSS2.0。
• DOM:这里的DOM主要是指HTML DOM，XML DOM包括在下面的XML中。
• JavaScript:对应于ECMA的ECMAScript规范
• XML:对应W3C的XML DOM、XSLT、XPath等规范。
• XMLHttpRequest:对应WhatWG的Web Applications1.0规范(-apps/current-work/)的一部分
  

可以看出，除了XMLHttpRequest以外，所有的技术都是目前已经广泛使用，得到了广泛理解的基于Web标准的技术。而 XMLHttpRequest虽然尚未被W3C采纳，其实已经是一个事实上的标准了。几乎所有主流的浏览器，例如IE、Firefox、 Netscape、Opera、Safari全部都支持这个技术。所以Ajax就是目前做Web开发最符合标准的技术。上述的所有技术都已经可以在浏览器 中使用，因此用户不需要安装任何额外的软件(只需要有一个浏览器，例如IE)，就可以运行任何符合标准的Ajax应用。这对于Ajax技术的普及、降低 Ajax应用部署和维护的成本是非常重要的。

此外，随着浏览器的发展，更多的技术还会被添加进Ajax的技术体系之中。例如，目前Firefox浏览器的最新版本已经可以直接支持矢量图形格式 SVG。Firefox已经可以支持JavaScript 2.0(对应ECMAScript 4.0规范)中的E4X(JavaScript的XML扩展)。Firefox、Opera、和Safari浏览器还可以支持Canvas(也是Web Applications1.0规范的一部分)，网上已经有人开发出了使用Canvas技术制作的3D射击游戏的演示。但是因为这些技术目前还没有得到市 场占有率最高的IE浏览器的支持，目前只能被应用在一些有限的场合(例如，在企业/机关内部，可以要求用户只使用Firefox浏览器)。

在上述的这些Ajax的核心技术中，最核心的技术就是XMLHttpRequest。它最初的名称叫做XMLHTTP，是微软公司为了满足Web开发 者的需要，1999年在IE5.0浏览器中率先推出的。后来这个技术被上述的规范命名为XMLHttpRequest。它正是Ajax技术所以与众不同的 地方。简而言之，XMLHttpRequest为运行在浏览器中的JavaScript脚本提供了一种在页面之内与服务器通信的手段。页面内的 JavaScript可以在不刷新页面的情况下从服务器获取数据，或者向服务器提交数据。而在这个技术出现之前，浏览器向服务器提交数据只能通过HTML 表单的提交，从服务器获取数据只能通过点击一个超链接，这些操作一般都会带来一次全页面的刷新。

XMLHttpRequest的出现为Web开发提供了一种全新的可能性，甚至整个改变了人们对于Web应用由什么来组成的看法。在这个技术出现之 前，由于技术上的限制，人们认为Web应用就是由一系列连续切换的页面组成的。因此整个Web应用被划分成了大量的页面，其中大部分是一些很小的页面。用 户大部分的交互都需要切换并且刷新整个页面，而在这个过程中(下一个页面完全显示出来之前)，用户只能呆呆地等着，什么事都做不了。这就是我们所习以为常 的Web应用，在10年以前就是这个样子。然而XMLHttpRequest技术的出现使得我们终于可以打破这种笨拙的开发模式，以一种全新的方式来做 Web开发，为用户提供更好的交互体验。大量的探索者(自豪的说，也包括笔者在内)以XMLHttpRequest技术为基础，将一些古老的Web技术重 新包装整合。经过了多年的不懈努力，终于在2005年开花结果。在这一年的2月，出现了一个新的术语Ajax，来描述这样一类的技术和开发方式。

与传统的Web开发不同，Ajax并不是以一种基于静态页面的方式来看待Web应用的。从Ajax的角度看来，Web应用仅由少量的页面组成，其中每 个页面其实是一个更小型的Ajax应用。而一些简单的Ajax应用，例如一个简单的RSS阅读器，甚至只有一个页面。每个页面上面都包括有一些使用 JavaScript开发的Ajax组件。这些组件使用XMLHttpRequest对象以异步的方式(就是不需要打断用户操作的后台方式)与服务器通 信，从服务器获取需要的数据后，使用DOM API来更新页面中的一部分内容。因此Ajax应用与传统的Web应用的区别主要在3个地方:

• 不刷新整个页面，在页面内与服务器通信。
• 使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的的响应能力。
• 应用仅由少量页面组成。大部分交互在页面之内完成，不需要切换整个页面。
  

可以认为Ajax就是Web标准和Web应用的可用性理论的集大成者。它极大地改善了Web应用的可用性和用户的交互体验，最终得到了用户和市场的广泛认可。所以可以说，Ajax就是用户和市场的选择。

目前Ajax已经成为了Web应用的主流开发技术，大量的业界巨头已经采纳并且在大力推动这个技术的发展。最近的动态包括:

• IBM、Oracle、Yahoo!、BEA、RedHat、Novell等页界领先的公司启动了Open Ajax项目。致力于为Ajax开发建造先进强大的的开发工具。IBM在2月底已经发布了Open Ajax项目的Ajax Toolkit Framework(ATF)1.0，是一个基于Eclipse IDE的Ajax开发工具。
• 微软开发了自己的Ajax框架Altas，不过主要是和服务器端他们自己的ASP.NET框架配合工作。
• Sun虽然行动迟缓，但是也将Ajax技术列入了J2EE的blueprint(蓝图)中，作为J2EE技术的有益的补充。
  

除了上述这些公司之外，Google公司不可不提，因为正是他们率先采用Ajax技术建造出了一大堆非常出色的应用，才将Ajax技术引到了聚光灯下。Google公司建造的Ajax应用包括Google Maps、GMail、Google Suggest等等，其中公认最优秀最复杂的Ajax应用是Google Maps。由于完全基于Ajax技术来建造Google Maps的界面，Google Maps提供了远远超越其竞争对手的地图服务的交互体验。如果说Google后台的地图技术并不存在巨大优势的话，那么Ajax技术和优秀的交互设计成为了他们压倒竞争对手的最后一根稻草。最终使得Google Maps脱颖而出，获得了用户的青睐。

我们可以对比一下微软前后的两个地图服务就可以看出差别。

微软公司所提供的旧的地图服务:。是传统Web应用的代表，性能很差而且极其难用。

微软公司所推出了新的地图服务:。新的地图服务包括这个网站上的很多其他服务完全基于Ajax技术来建造，获得了极好的可用性。这个新的地图服务可以看作是在Google推出了Google Maps服务之后，微软公司痛定思痛的产物，在很多地方模仿了Google Maps。

Ajax的典型应用除了Google Maps，还有微软的Windows Live、Yahoo!的Flickr等等。此外国内新浪的blog也使用了一些Ajax的技术。

来源: 51cto.com原文链接: http://developer.51cto.com/art/201602/506444.htm