Ajax的工作原理

具体来说，Ajax(Asynchronous JavaScript + XML)基于下列这些核心技术:

· 基于XHTML和CSS标准的表示；就是严谨而准确的HTML 。XHTML是The Extensible HyperText Markup Language(可扩展标识语言)的缩写。HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。

 

· 使用Document Object Model进行动态显示和交互；W3C制定的一种用于表示HTML网页、动态对网页文本的结构和内容进行操作的目标模型，与平台（platform）和语言无关。其目的是最终提供一个对XML和HTML文本的API(应用编程接口)，使web程序员可以方便地对网页文本进行操作。DOM模型采用了传统的目标指向的思想对HTML或XML网页文本进行模型化，它包括文本的结构，文本的行为及文本中的目标，提供了一组用以表示HTML或XML的标准目标，一个对目标进行组合的标准模型，一组对目标进行访问和操作的标准接口。

· 使用XMLHttpRequest与服务器进行异步通信；最通用的定义为：XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。
 

来自MSDN的解释：XmlHttp提供客户端同apache/ target=_blank class=infotextkey>http服务器通讯的协议。客户端可以通过XmlHttp对象(MSXML2.XMLHTTP.3.0)向http服务器发送请求并使用微软XML文档对象模型Microsoft® XML Document Object Model (DOM)处理回应。

·
 使用JavaScript绑定一切

　　可以看出，除了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个地方:
1. 不刷新整个页面，在页面内与服务器通信。
2. 使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的的响应能力。
3. 应用仅由少量页面组成。大部分交互在页面之内完成，不需要切换整个页面。　
 

　　由此可见，Ajax使得Web应用更加动态，带来了更高的智能，并且提供了表现能力丰富的Ajax UI组件。这样一类新型的Web应用叫做RIA(Rich Internet Application)应用。除了Ajax，还包括有Flash等等技术。

　　与1990年代末的DHTML相比，Ajax更加强调符合真正的Web标准的开发方式。Ajax对于现有的基于Web标准的技术的利用程度比DHTML高出了很多。而DHTML当初昙花一现，随后声名狼藉，最终彻底失败的最大原因就在于其开发者大多不重视基于真正的Web标准来做开发。
 

　　DHTML其实是浏览器大战的时代微软和Netscape为了吸引眼球而制造的一个名词，并没有得到W3C的认可。并且经常被开发人员滥用，制造出一大堆不符合真正的Web标准的JavaScript脚本和HTML标记，常常只能运行在某种特定的浏览器中(主要是IE)。DHTML总是过于注重各种花哨的视觉效果，而Ajax所最为关注的问题则是真正改善Web应用可用性，这正是Ajax技术诞生的使命，甚至也正是JavaScript脚本语言诞生的使命。