当前所在位置：中国论文网 > 科技论文发表 > Ajax技术应用简析

Ajax技术应用简析

发布日期： 2012-04-28 发布：  

  2012年第2期目录       本期共收录文章20篇

　　 [摘 要] 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) 的子集，非常适合 Web 传输。但并非所有的数据传输方式都适合使用XML进行传输，，当数据量大到一定程度时，创建和解析XML会变得很困难，而且会耗费大量的资源。
　　4.Ajax的发展趋势
　　Ajax这种异步交互模式，给Web应用带来了很多好处：按需取数据，Ajax只把那些需要后台处理的数据提交到服务器端，从而减轻服务器端的压力。更好的用户体验，Ajax采用异步交互机制，可以使用户一边浏览网页，一边提交数据。数据和呈现分离，Ajax采用DOM来组织内容，采用CSS来显示外观，从而使UI设计人员可以关注界面的展示。
　　但Ajax目前也有很多问题没有解决，比如：浏览器的前进和后退按钮的功能失效。搜索引擎不容易找到网页的内容。不同浏览器对JavaScript的支持存在兼容性问题。
　　而且目前出现一些新的技术有取代Ajax的趋势，而Ajax技术只是增强了B/S的交互模式和相应速度。
　　5.结束语
　　Ajax是一种独立于Web 服务器软件的浏览器技术，用于创建更好更快以及交互性更强的 Web应用程序。通过 Ajax，可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，JavaScript可在不重载页面的情况与 Web 服务器交换数据。AJAX 可使因特网应用程序更小、更快，更友好。AJAX 应用程序独立于浏览器和平台。通过 AJAX，因特网应用程序可以变得更完善，更友好。
　　参考文献：
　　[1]柯自聪.Ajax开发精要[M].北京：电子工业出版社，2006.
　　[2]强锋科技、陈华.Ajax从入门到精通[M].北京：清华大学出版社，2008.
　　[3]郭锋.我的J2EE成功之路[M]北京：电子工业出版社，2009.
　　[4]施伟伟.征服AJAX-WEB2.0快速入门与项目实践（.NET）[M].北京：人民邮电出版社，2006.
　　[5]张桂元.AjaxWeb2.0快速入门与项目实(Java)[M].北京：人民邮电出版社,2006.
　　作者简介：
　　刘颜颜，安徽理工大学计算机科学与工程学院计算机技术专业在读工程硕士研究生，六安职业技术学院。

在线服务