Ajax技术概述与现状应用
【导读】Ajax技术是目前在浏览器中通过javascript脚本可以使用的所有技术的集合。Ajax技术有两个推动力,Web标准的成熟和软件交互设计和可用性理论的成熟。现在Ajax的典型应用除了Google Maps,还有微软的Windows Live、Yahoo!的Flickr等等。此外国内新浪的blog也使用了一些Ajax的技术。
AJAX全称为“Asynchronous javascript and XML”(异步javascript和XML),是指一种创建交互式网页应用的网页开发技术。
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规范(http://whatwg.org/specs/web-apps/current-work/)的一部分
可以看出,除了XMLHttpRequest以外,所有的技术都是目前已经广泛使用,得到了广泛理解的基于Web标准的技术。而XMLHttpRequest虽然尚未被W3C采纳,其实已经是一个事实上的标准。几乎所有主流的浏览器,例如IE、Firefox、Netscape、Opera、Safari全部都支持这个技术。所以Ajax就是目前做Web开发最符合标准的技术。上述的所有技术都已经可以在浏览器中使用,因此用户不需要安装任何额外的软件(只需要一个浏览器,例如IE),就可以运行任何符合标准的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,是微软公司为了满足开发者的需要,1999年在IE5.0浏览器中率先推出的。后来这个技术被上述的规范命名为XMLHttpRequest。它正是Ajax技术之所以与众不同的地方。简而言之,XMLHttpRequest为运行于浏览器中的javascript脚本提供了一种在页面之内与服务器通信的手段。页面内的javascript可以在不刷新页面的情况下从服务器获取数据,或者向服务器提交数据。而在这个技术出现之前,浏览器与服务器通信的唯一方式就是通过HTML表单的提交,这一般都会带来一次全页面的刷新。
XMLHttpRequest的出现为Web开发提供了一种全新的可能性,甚至整个改变了人们对于Web应用由什么来组成的看法。在这个技术出现之前,由于技术上的限制,人们认为Web应用就是由一系列连续切换的页面组成的。因此整个Web应用被划分成了大量的页面,其中大部分是一些很小的页面。用户大部分的交互都需要切换并刷新整个页面,而在这个过程中(下一个页面完全显示出来之前),用户只能傻等,什么都做不了。这就是我们所习以为常的Web应用,10年以前就是这个样子。然而XMLHttpRequest技术的出现使得我们可以打破这种笨拙的开发模式,以一种全新的方式来做Web开发,为用户提供更好的交互体验。大量的探索者(自豪的说,也包括笔者在内)以XMLHttpRequest技术为基础,将一些古老的Web技术重新包装整合。经过了多年的不懈努力,终于在2005年开花结果。在这一年,出现了一个新的术语Ajax,来描述这样一类的技术和开发方式。
与传统的Web开发不同,Ajax并不是以一种基于静态页面的方式来看待Web应用的。从Ajax的角度看来,Web应用仅由少量的页面组成,其中每个页面其实是一个更小型的Ajax应用。而一些简单的Ajax应用,例如一个简单的RSS阅读器,甚至只有一个页面。每个页面上面都包括有一些使用javascript开发的Ajax组件。这些组件使用XMLHttpRequest对象以异步的方式与服务器通信,从服务器获取需要的数据后使用DOM API来更新页面中的一部分内容。因此Ajax应用与传统的Web应用的区别主要在3个地方:
1. 不刷新整个页面,在页面内与服务器通信。
2. 使用异步方式与服务器通信,不需要打断用户的操作,具有更
相关新闻>>
- 发表评论
-
- 最新评论 更多>>