Ajax技术在安全生产监管平台中的应用研究.docVIP

Ajax技术在安全生产监管平台中的应用研究 　　摘要:为了满足北京市宣武区安全生产监管信息化的需要,加强政府电子政务的建设,提出了构建基于AJAX的安全生产监管综合信息平台。AJAX的页面无刷新技术及页面局部更新功能提升了用户体验,显著提高了系统性能。 　　关键词:AJAX;B/S;XMLHttpRquest;无刷新技术;局部更新 　　中图分类号:TP311文献标识码:A 文章编号:1009-3044(2009)25-7157-02 　　Application Study of Ajax in a Platform which about Safety Production and Surpervision 　　WANG Yang-yang1,2,MENG Yun1 　　(1.College of Computer and Information Engineer,Henan University,Kaifeng 475001,China;2.China Academy of Safety and Technology,Beijing 100029,China) 　　Abstract: In order to meet the informationization of safety production supervision needs of Xuanwu District, Beijing, and enhance e-government construction of the Government,Proposed construction of an integrated information of safe production and supervision platform based on AJAX, with the help of the web page non-refreshing technology in AJAX and local update system, users experience and the system performencecan be improved greatly. 　　Key words:AJAX;B/S;XMLHttpRequest; non-refreshing technology;local update 　　安全生产监管综合信息平台使得政府安监部门可以综合监管本辖区的安全生产工作,依法监督检查本辖区内生产经营单位的安全生产执法情况。但随着信息量的不断增加,web的响应速度就成为衡量系统的重要指标。为了解决这一问题,笔者在该平台采用了新一代的Ajax技术,由于Ajax是一种异步网络应用的技术,当浏览器与服务器交互时,Ajax技术可以将浏览器中的一部分内容呈现出来,从而避免了将浏览器整个内容提交到服务器。该系统中采用的页面无刷新页面更新技术及页面局部更新技术,提升了用户体验,显著提升了系统的执行效率。 　　1 Ajax技术概述 　　AJAX(Asynchronous JavaScript and XML)其实是多种技术的综合,包括JavaScript、XHTML和CSS、DOM、XML和XSTL、XMLHttpRequest。主要技术包含如下:1)AJAX的定义;2)基于WEB标准XHTML+CSS的表示;3)使用DOM(Document Object Model)进行动态显示及交互;4)使用XML和XSLT进行数据交换及相关操作;5)使用XML Http Request异步数据查询、检索。 　　在AJAX中,XMLHttpRquest是其最核心的技术。XMLHttpRquest是XMLHTTP组件的对象,通过这个对象,AJAX可以像桌面应用程序一样只同服务器进行数据层面的交换,而不用每次都刷新页面,也不用每次将数据处理的工作都交给服务器来做。这样既减轻了服务器负担又加快了响应速度、缩短了用户等待的时间。 　　AJAX技术和传统的WEB技术相比,存在以下三个主要区别: 　　1)能够更新页面中的部分内容,不需要刷新整个页面就能够与服务器通信。 　　2)页面和服务器直接的通信可以使用异步操作,从而不需要打断用户的操作,使得页面具有更加快速的响应能力。 　　3)由于页面与服务器交互时,只需要页面的部分内容,因此减少了页面与服务器的通信量,提高了应用程序的效率。 　　2 系统结构设计 　　系统采用B/S(Browser/Server,浏览器和服务器)结构。B/S最大的特点就是可以在任何地方进行操作而不用安装任何专门的软件,实现了客户端的零维护。生产经营企业、行业用户、街道基层用户可以借助互联网技术实现注册用户信息、远程上报和更