新一代Web应用开发技术AJAX.pdfVIP

新一代 Web 应用开发技术 AJAX 李智毅 （北京系统工程研究所 北京9702信箱19号 邮编100101 znznzyf@21 ） 摘要 在Web 应用开发领域，目前最值得关注的新技术当属AJAX （Asynchronous JavaScript and XML ），本文主要阐述AJAX 的产生、运行模式和技术构成，并通过实例代码分析其架 构和优缺点及对Web 开发的影响，展望其发展趋势和应用前景。 关键词 AJAX Javascript XML WebService 1前言 对于大多数人来说，“上网”需要启动浏览器，然后对不同的网站上冲浪。不过，互联 网数据与桌面互动方式方面的进展已开始彻底改变我们“上网”的概念，这主要源于Google 和其它网站上一些用新技术构建的应用程序。这种编程技术被用于创建丰富的、基于 Web 的、与桌面软件观感类似的应用程序，但它们是基于浏览器的，而且所用资源不多。同任何 革命性技术一样，这种技术荣获了一连串的名字。一些人把它叫做Web 2.0 。另一些人把它 称为“开放 API ”，指的是共享所谓的应用编程接口的关键编程代码。很多人根据改变浏览 器与Web 数据互动方式的编程技术，把它叫做AJAX (异步JavaScript 和XML) 。不管使用 什么名字，AJAX 已成为2006 年最受瞩目的IT 技术之一，将涌现出一批利用这项技术的新 Web 应用。 AJAX 的产生源于随着当前Web 服务逐渐渗入到人们的日常生活中，越来越多的人通 过Web 享受信息化时代带来的的各种服务。一个热门站点的Web 服务器每时每刻要处理海 量的数据请求。当网络负载越来越大而带宽有限时，传统B/S 结构的Web 应用程序出现相 应时间很长，浏览器长时间处于等待状态；同时我们在浏览 Web 站点的时候，不时的通过 链接从一页跳到另一页。我们会发现同一个站点上的许多页面上内容都是重复的，譬如页头、 页尾和广告等。页面上一小部分数据的改变，却需要重新加载整个页面，这样一来造成了大 量相同数据的重复请求，进一步加大了网络和服务器的负担，造成用户界面的闪烁、屏幕空 白甚至超时，出现页面不可用的情况。针对以上问题，2005 年2 月Jesse James Garrett 提出 AJAX 这个概念。AJAX 是Asynchronous JavaScript and XML 的缩写。AJAX 并不是一门新 的语言或技术，它实际卜是几项技术按一定方式的组合，在共同的协作中发挥各自的作用， 它包括:使用XHTML 和CSS 标准化呈现;使用DOM 实现动态显示和交互;使用XML 和XSLT 进行数据交换与处理;使用XMLHttpRequest 进行异步数据读取;最后用JavaScript 绑定和处理 所有数据。其中XMLHttpRequest,JavaScript 和DOM 是AJAX 技术的核心。 2 AJAX的运行模式和技术组成 我们与传统WEB 应用程序运行模式进行对比也许更能说明问题。在经典的B/S 的交互 方式中，由用户触发一个Http 请求到服务器，服务器对其进行处理后再返回一个新的Web 页到浏览器，每当服务器处理浏览器提交的请求时，客户都只能空闲等待，并且哪怕只是一 次只需从服务器端得到很简单的一个数据，，都要返回一个完整的Web 页。使用 AJ AX 后， 在客户端和服务器之间加人了一个中间层——AJAX 引擎，使用户操作与服务器响应异步 化，即并不是所有的用户请求都提交给服务器，一些数据验证和处理由Ajax 自己来做而不 必交给服务器处理，只有确定需要从服务器读取新数据时再从客户端通过 JavaScript 调用 AJAX 引擎代为向服务器端发出Http 请求。当服务器端的数据以XML 形式返回时，AJAX 477 引擎接收数据并指定 JavaScript