Ajax技术的应用简析.docVIP

Ajax技术的应用简析 　　 [摘 要] Ajax的英文全称Asynchronous JavaScript and XML,即异步JavaScript 和 XML。它整合了XMLHttpRequest、JavaScript、DOM、CSS、XML等众多技术，可以构建更为动态和响应更灵敏的Web应用程序。本文主要主要介绍Ajax的工作原理、核心技术及发展趋势。 　　[关键字] Ajax Web XMLHttpReques 异步交互 　　 　　1.引言 　　当软件开发从C/S模式转入到B/S模式时，随着B/S模式的应用，这种同步的请求/响应系统，会导致浏览器对整个页面刷新，当服务器负载很大时，给用户带来的交互体验不是太好，这时Ajax的出现也就水到渠成了。 　　Web2.0的新宠――Ajax，已成为人们谈论最多的技术术语！Ajax作为异步交互模式的代表，它采用XMLHttpRequest对象进行异步数据读取，使用JavaScript绑定和处理所有数据增强用户体验，使用DOM组织内容，使用CSS标准化呈现，使用XML进行数据交换与处理。更重要的是它打破了使用页面重载的惯例技术组合，可以说AJAX已成为Web开发的重要武器！ 　　2.Ajax的工作原理 　　在传统的Web交互方式中，首先由用户通过界面触发一个HTTP请求到服务器，服务器根据请求的内容进行相应的处理，然后将处理完毕的内容返回给客户端。这时一个同步的过程，当服务器处理客户端提交的请求时，客户端的用户只能空闲等待，无论用户是想处理很少的数据，还是要进行大批量的数据处理，服务器都会给用户重新返回一个完整的页面。在这种同步交互模式下，客户端每次都要浪费时间和宽带去重新读取整个页面。 　　与此不同，Ajax采用异步机制，可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的页面服务接口（界面），并在客户端采用JavaScript处理来自服务器的回应，从而达到不用刷新页面就可以更新页面。它的工作原理相当于在用户和服务器之间加了一个引擎，这个引擎用来统一处理提交的数据，它把不需要服务器端处理的数据之间返回给页面，而只把需要后台处理的数据传输给服务器端。 　　3.Ajax相关技术简介 　　前面介绍了，Ajax是XMLHttpRequest、JavaScript、DOM、CSS、XML等众多技术的整合，这几种技术都是在软件开发中常用的，分别对这几种技术进行简要介绍。 　　3.1 XMLHttpRequest技术 　　XMLHttpRequest其实是一个JavaScript对象。它可以提供不重新加载页面的情况下更新网页，在页面加载后在客户端向服务器请求数据，在页面加载后在服务器端接受数据，在后台向客户端发送数据。XMLHttpRequest 提供了客户端和服务器端异步通信的能力，是AJAX开发必备的工具。 　　3.2 JavaScript（Java脚本语言）技术 　　JavaScript是一种广泛用于客户端网页开发的脚本语言，最常是于HTML上使用，用来给HTML网页添加动态功能。JavaScript是在用户的浏览器上运行，不需要服务器的支持而可以独立运行。在Ajax中，JavaScript是用来协调DOM、CSS、XML的。Ajax 应用是用JavaScript编写的，如果没有对JavaScript有足够多编程经验或理解，开发Ajax将困难重重。 　　3.3 DOM（文档对象模型）技术 　　DOM是表示文档和访问、操作构成文档的各种元素的应用程序接口。它是W3C组织的推荐标准，以树形结构表示HTML和XML文档，定义了遍历这个树和检查、修改树的节点的方法和属性。一般的，支持JavaScript的所有浏览器都支持DOM。利用JavaScript操作D0M，Ajax应用就能够实时修改用户界面。 　　3.4 CSS（层叠样式表单） 　　CSS主要用于控制网页样式，并可以将展现样式与网页内容分离。其实也可以将网页内容和展现样式看做是面向对象的一种展示方式，这会使美工人员专著于展现样式的设计，并将其样式封装好，这样HTML开发人员就可以直接使用封装好的样式了，就好像使用类一样。使用CSS的方式3种： 　　（1）在HTML网页的和标记之间插入一个…标记， 在该标记内定义CSS样式。 　　（2）直接在标记的对象内使用CSS样式。 　　（3）单独建立CSS样式表，然后在HTML网页中通过Link把样式表引入网页。 　　3.5 XML（可扩展标识语言） 　　XML ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML是标准通用标记语言 (SGML) 的子集，