ajax技术及其在eims系统中的应用

《ajax技术及其在eims系统中的应用》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、Ajax技术及其在EIMS系统中的应用　　摘要：Ajax技术实现了B/S应用中Web服务器和浏览器之间的异步交互，提高了Web应用系统的响应速度。为满足EIMS系统优化用户使用界面、提高系统访问效率的需求，对Ajax技术工作原理进行分析，并就如何应用Ajax技术提高EIMS系统性能进行了研究，目的在于提高系统响应能力，并提升用户体验。　　关键词：EIMS；Ajax技术；异步交互；XMLHttpRequest　　DOIDOI：10.11907/rjdk.161831　　中图分类号：TP319　　文献标识码：A文章编号：1

2、6727800（2016）010014702　　0引言　　在传统的Web应用中，大部分用户动作会触发一个连接到Web服务器的HTTP请求，服务器收到请求后要完成诸如验证合法性、计算数据、访问数据库等处理工作，最后将一个HTTP页面返回到客户端，该过程中用户一直处于等待状态。Ajax技术使Web应用程序继承了桌面应用程序反应灵敏、客户体验优秀等优点，它相当于在用户和服务器之间加了―个中间层，使用户操作与服务器响应异步化，可以提高程序的运行速度，减少网络带宽占有率，缩短用户心理和实际等待时间，提升用户的应用体验[1]。　　

3、EIMS（EquipmentInformaionManagement5System）是大连市91550部队自行研发的测控装备信息管理系统，涵盖测控装备信息管理、测控装备维修、质量体系、科技信息等多方面数据，是采用J2EE技术的MVC框架模式开发的基于Web方式的信息管理系统。原系统在Web应用的同步交互过程中，即使很小的请求都要重新刷新页面，导致大量非关键数据重复传输，服务器负担较重，用户体验不够理想。本文结合实际需要，应用Ajax技术对原系统进行改造升级，实际应用表明，该技术可以有效提高EIMS系统的响应速度和执行效

4、率。　　1Ajax工作原理分析　　Ajax为异步JavaScript和XML，是一种异步式Web应用程序的开发技术[2]，包括使用DOM实现动态显示和交互、使用XML和XSLT进行数据交换与处理、使用XMLHttpRequest进行异步数据读取、使用JavaScript绑定和处理所有数据。　　1.1Ajax技术组成　　（1）JavaScript。JavaScript是一种基于对象和事件驱动的脚本语言，具有很好的安全性，它通过嵌入在标准的HTML语言中完成各种与用户交互的任务[3]。Ajax利用JavaScript的特性

5、实现对用户行为的实时响应与处理，JavaScript还能通过其属性和方法操作DOM，将用户请求通过XMLHttpRequest对象实现与服务器的异步交互通信。　　（2）CSS（cascadingstylesheets）。CSS层叠样式表在Ajax中提供页面格式定义，控制外观，它与脚本语言结合，可进一步丰富页面的动态效果。　　（3）DOM（documentobject5model）。DOM的全称是文档对象模型，是访问和维护HTML和ML文档的应用程序接口，在Ajax中，DOM除了解析服务器返回的XML对象外，另一个重要作

6、用就是动态更新已载入的页面。　　（4）XML（extensionmarkedlanguage）。XML是可扩展标记语言，是从HTML转化而来，已成为跨平台跨领域应用通信的主要手段。XML在Ajax中是客户端和服务器端间通信的数据信息载体。　　（5）XMLHttpRequest对象。XMLHttpRequest是Ajax技术体系中最为核心的技术，它负责将用户信息以异步方式发送到服务器，并接收服务器返回的响应信息和数据。Web应用程序无需刷新页面就可以向服务器提交信息，或从服务器得到应答，这样用户就不会觉察后台向服务器提交

7、和接收数据，并且客户端也不必每次都将数据处理工作交给服务器完成，这就加快了响应速度，缩短了用户等待时间。　　1.2Ajax请求处理过程　　传统B/S的Web系统是一个同步的请求/响应过程，其工作流程是“用户请求并等待服务器响应用户展现”的循环过程。在此期间，用户和程序的数据交换都需要服务器来处理。在这种模式下，如果交换信息量很大，会导致服务器响应时间较长，以及浪费较多的网络资源，使用户处于等待状态。5　　Ajax技术解决了该问题，其特点是将应用的大量任务交由客户浏览器端完成，以减轻服务器的处理负担，提高交互性。其工作原

8、理就是在客户端和服务器之间增加一个Ajax引擎，使用户操作与服务器响应异步化，并独立于客户端用户与服务器进行交互[4]。此时，客户端用户提出的请求并不是直接提交到服务器端，而是先提交给Ajax引擎，由Ajax引擎先处理一些数据验证等，只有确定需要从服务器上读取新数据时，再由Ajax引擎向服务器提交请求。因此，浏览器不用等待服务器的