浅析AJAX在web中应用.docVIP

浅析AJAX在web中应用 　　摘要：介绍WEB应用开的热门技术AJAX，AJAX技术在WEB应用与传统WEB模型的不同，以及AJAX的不足。 　　关键词：AJAXWEB应用异步WEB请求 　　 　　一、引言 　　随着计算机技术的发展，传统的浏览器与服务器的交互方式已经不满足用户对WEB的要求：更迅速、更智能和交互能力更强。而AJAX的出现很好的适合了WEB的应用，AJAX是“Asynchronous JavaScript and XML”的简称，是指一种创建交互式网页应用的网页开发技术[1]。AJAX本身并不是一门新的语言或技术，只是几项技术(如：JavaScript、XML、DIV+CSS等)按一定的方式组合在一起，在共同协作中发挥各自的作用。目前主要的浏览平台都支持AJAX，成为了WEB应用的主流开发技术。 　　二、AJAX 　　AJAX主要由以下内容组成：[1] 　　1、基于web标准（standards-based presentation）XHTML+CSS的表示； 　　2、使用DOM（Document Object Model）进行动态显示及交互； 　　3、使用XML和XSLT进行数据交换及相关操作； 　　4、使用XMLHttpRequest进行异步数据查询、检索； 　　5、使用JavaScript将所有的东西绑定在一起。 　　Ajax的核心是JavaScript对象XmlHttpRequest，该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术；即XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。 　　图1 传统WEB应用模型与基于AJAX的WEB应用模型 　　从图1可以看出Ajax 引擎实际上是一个比较复杂的JavaScript应用程序(通常隐藏在frame中)用来处理用户请求．然后根据需要动态的读写服务器和更改DOM的内容。利用XMLHttpRequest对象采用异步方式与Web服务器进行数据交换，调用Ajax引擎代替产生一个Http请求的用户动作，内存中的数据编辑、页面导航、数据校验等无需重载整个页面，可以由AJAX来完成。 　　三、与传统WEB应用相比较 　　AJAX技术既是对传统WEB技术的革命，也是对传统WEB技术的一种改良和发展。引入AJAX技术后，不仅改进了WEB应用的性能，也改善了用户的体验。 　　对于传统的Web应用，用户只能发送独占式请求，一旦请求发送出去，页面就处于等待状态，等待服务器响应完成，在服务器响应完成之前，客户端的浏览器只能是一片空白；而AJAX技术则完全不同，它允许采用异步的方法发送请求，请求的发送完全不会阻塞当前的浏览器线程，浏览器可以继续下一步操作，例如继续浏览，甚至再次发送异步请求。AJAX提供了一种重大的改善，它让用户不会处于等待状态，用户会感觉自己一直与应用处于交互状态。 　　因为基于AJAX的WEB应用需要增加大量JavaScript代码，所以在打开页面加载的速度比传统Web页还慢。AJAX的应用使页面一次下载，但可以重复使用，所以进入首页后，响应速度明显提高，因为不必在每一个页面之间跳转，从服务器所要加载的仅是必须改变的数据，从而减少了冗余数据的下载，大幅度提高响应速度。而传统Web应用需要多次下载Web页面，所需要的带宽更大。 　　传统Web应用主要由3层组成，而增加AJAX技术的Web应用将在传统的Web应用上额外增加一个AJAX引擎，其实质就是一层JavaScript代码，如图1所示[1]。AJAX技术的大部分功能都依赖于JavaScript语言实现，大量的JavaScript代码严重影响开发速度。因为JavaScript本身不是面向对象的编程语言，这严重限制了JavaScript代码的可重用性等。所以在AJAX技术中，用户每输入一个字符，就向服务器发送一次请求，大大增加了服务器的负担。 　　 　　四、应用实例 　　当服务器需要向客户机发送非常简单的值时，responseText特别方便，它可以避免XML导致的带宽支出和处理支出。以文本字符串responseText的方式返回服务器的响应来验证，如： 　　function getXMLRequester( ) 　　{ 　　var xmlhttp_request = false; 　　try 　　{ 　　if(window.ActiveXObject) 　　{ 　　for(var i=5;i;i--) 　　{ 　　try 　　{ 　　if(i==2) 　　{ 　　xmlhttp_request = new ActiveXObject(Microsof