Ajax技术在Web开发中的应用初探.docx

Ajax技术在Web开发中的应用初探论文导读：目前在Web应用开发中，Ajax无疑已经成为最能提高用户体验的一种技术。而它在技术方面的优点，如标准公开、跨浏览器和跨平台的兼容性、和Flex和Flash技术很好的集成等特点已经将Ajax推向了更广泛的应用。本文从实际开发的角度出发，解析了Ajax的基本原理。关键词：AjaxWeb应用，用户体验1Ajax概述Ajax是一种用于创建交互式Web应用的开发技术，它不是一种单一的技术，而是几种各自发展的一系列相关技术的有机结合。虽然在利用Ajax时，需要多种技术的支持。论文参考。但值得庆幸的是，您可能已经非常熟悉其中的大部分技术。下面是Ajax应用程序所用到的基本技术：n使用XHTML与CSS的标准表现。n使用DOM(DocumentObjectModel)进行动态显示与交互。n使用XML和XSLT进行数据交换与操作。n使用XMLHttpRequest进行异步数据传输。n使用JavaScript将所有这些绑在一起。2与传统的Web应用比较传统的Web应用允许用户端填写表单（form），当送出表单时就向Web服务器发送一个请求。服务器接收并处理传来的表单，然后送回一个新的网页，但这个做法浪费了许多频宽，因为在前后两个页面中的大部分HTML码往往是相同的。由于每次应用的沟通都需要向服务器发送请求，应用的回应时间就依赖于服务器的回应时间。这导致了用户界面的回应比本机应用慢得多。与此不同，AJAX应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的页面服务接口（界面），并在客户端采用JavaScript处理来自服务器的回应，从而达到不用刷新页面就可以更新页面。因为在服务器和浏览器之间交换的数据大量减少（大约只有原来的5%），结果我们就能看到回应（服务器回应）更快的应用（结果）。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了。3Ajax相关技术前文已经提到，Ajax包含了多种技术。对于大多数Web应用开发者而言，其中的一些技术已经相当熟悉。即便是不够熟悉，这些技术都很容易学习，并不像完整的编程语言那样困难。3.1JavaScriptJavaScript是一种轻型的通用解释性脚本语言，其核心已经嵌入目前主流的Web浏览器中。虽然大部分时候看到的JavaScript应用都是在网页中简单地调用页面内置对象和方法，但其实JavaScript是一种具有丰富的面向对象特性的程序设计语言，利用它能够执行许多复杂的任务。Ajax应用是用JavaScript编写的，如果没有对JavaScript有足有多编程经验或理解，开发Ajax将困难重重。3.2CSSCSS既CascadingStyleSheets（级联样式表）的缩写。论文参考。顾名思义，它是用来进行网页风格设计的。采用CSS对页面进行布局和修饰有以下几个特点。1）表现和内容相分离将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。2）提高页面浏览速度对于同一个页面视觉效果，采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。3）易于维护和改版只要简单的修改几个CSS文件就可以重新设计整个网站的页面。3.3XMLHttpRequest在Ajax涉及到的技术中，“最新”并且对于未从接触过Ajax的开发者而言可能最陌生的术语就是XMLHttpRequest对象了。通过这个对象，Ajax可以像桌面应用程序一样只同服务器进行数据层面的交换。XMLHttpRequest对象与服务器交互通常都通过XML来实现，当然也可以是基于文本的其他形式。XMLHttpRequest其实是一个JavaScript对象。在客户端，我们很容易就可以创建一个XMLHttpRequest对象。3.4DOMDOM是DocumentObjectModel文档对象模型的缩写。根据W3CDOM规范，DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscape的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。DOM是以层次结构组织的节点或信息片断的集合。这个层次结构允许开发人员在树中导航寻找特定信息。分析该结构通常需要加载整个文档和构造层次结构，然后才能做任何工作。由于它是基于信息层次的，因而DOM被认为是基于树或基于对象的。利用JavaScript操作DOM，Ajax应用就能够实时修改用户界面，例如有效地重绘页面的某一部分，或者修改表格的内容。4A