AJax技术

Ajax 技术在WebGIS 系统中的性能优化研究

字号+ 作者:H5之家 来源:H5之家 2017-01-03 10:00 我要评论( )

摘要:为了提高WebGIS系统地图图像数据响应效率,将Ajax技术运用于WebGIS系统开发中,重点分析了基于Ajax的数据交互及方法实现,Ajax的动态数据请求在很大程度上解决了WebGIS数据显示不流畅的问题,具有广泛的应用价值。 0 引言 WebGIS在网络和地理信息系统

  摘要:为了提高WebGIS系统地图图像数据响应效率,将Ajax技术运用于WebGIS系统开发中,重点分析了基于Ajax的数据交互及方法实现,Ajax的动态数据请求在很大程度上解决了WebGIS数据显示不流畅的问题,具有广泛的应用价值。

  0 引言

  WebGIS在网络和地理信息系统技术的整合中应运而生。它改变旧方式中空间数据的采集、传输、共享和发展,成为地理信息系统一个重要的发展方向,通过超链接,WebGIS可使用户在Internet上操作GIS地图和数据,但是WebGIS的地图数据量较大,在Web上执行GIS常遇到刷新慢,页面缓冲时间较长的情况。

  针对WebGIS低响应速度和性能差的缺点,在开发WebGIS平台采用动态刷新技术,运用Ajax引擎,它可以用来缩短客户端和服务器端之间的响应时间,以减少传输网络中的数据量,并增加丰富的多媒体效果。实行字符同步处理浏览器的WebGIS元素,异步消息发送到服务器,接收数据只更新部分内容,不需要更新整个页面。这个新机制在很大程度上提高了WebGIS 的响应效率,增强了用户体验。目前,Ajax技术以其优越性,在大数据量的Web 处理中,已成为主流技术的数据传输技术。

  1 相关技术分析

  1.1 Ajax技术

  Ajax 核心是在JavaScript 中调用一个JavaScript 类XMLHttpRequest,这个类可以与Web服务器使用HTTP协议进行交互,程序不通过浏览器发出请求,而是用这个特殊的JavaScript对象发送请求,再由这个JavaScript对象接收响应,并将响应结果用DOM 编程方式挂到原来的网页上。

  传统Web 界面请求由浏览器发出请求,服务器端进行处理,然后将响应发送至客户端。而基于Ajax 的Web 请求响应采用XMLHttpRequest 发送,服务器的处理结果也由该对象来接收,在相同时间内,数据请求更频繁,数据交互次数更多。这正是Ajax 技术的优势所在。

  Ajax并不是一种创新的技术,而是多种常用技术以新的方式的组合,运用Ajax技术做Web开发,最关键的是必须掌握Ajax数据交互流程及XMLHttpRequest类的属性及方法。

  1.2 WebGIS系统

  WebGIS系统结构主要有表示层、业务逻辑层、数据层三层。

  数据层主要是存储地图数据的空间信息数据库,以及存储扩展信息的其他数据库,比如地名描述信息等;业务逻辑层主要有ArcMS和网页JSP等,地图服务软件及负责页面显示的JSP页面;表示层由WebServer,浏览器及ArcGIS Desktop构成,这层主要是将地图图像直观的显示给用户,提供用户操作的接口。

  WebGIS的开发,主要掌握三部分内容。掌握气泡显示,路线描红,地图无缝拼接的JavaScript代码。气泡显示是地图具体位置的直观显示,路线描红是对地图路线的直观标识,地图无缝拼接将不同块的地图数据连接起来,这都是地图界面最基本的功能,也是最重要的一部分。坐标转换,截图命名及特殊点坐标转换,这是地图的扩展功能,用于对地图的高级操作,比如根据地图坐标点计算空间距离等。网站程序部分,读取数据库,动态生成XML 文件和JavaScript 脚本,这是WebGIS 开发必不可少的内容,也是所有Web开发的公用模块。

  2 Ajax 对WebGIS 系统性能提高的方法简述

  分布式系统提高了WebGIS的响应效率,这是从数据资源的访问方式方面做的优化研究,而运用Ajax 技术则是对Web端与服务器端数据交互的优化。两者的共同点是提高了WebGIS 的响应效率,增强了用户体验。

  2.1 基于Ajax的WebGIS数据交互

  Ajax 的交互作用由Ajax Engine 来完成,它是浏览器端与服务器端的数据交互桥梁,浏览器端的数据请求由Ajax Engine 发给服务器端,服务器端的数据响应也由它发给浏览器端[4],具体数据交互图如图1所示。

  

  在用户端,主要由Ajax Engine、界面逻辑、数据缓存、用户界面、DOM五部分构成。其中,用户逻辑,界面逻辑,用户界面均只与Ajax Engine通信,而不直接与服务器通信。服务器端主要有Web 页面、应用逻辑及数据库,三者实现服务器的正常工作,与用户端数据通信直接交付Ajax Engine来完成。

  2.2 Ajax在WebGIS中的方法实现

  用Ajax 创建WebGIS 工程,概况来讲,只需要五步:新建html或者JSP页面,作为WebGIS除地图数据图像外的页面数据显示;在页面中写出创建XMLHttpRe-quest 对象的方法;写出事件响应方法,用上面创建的对象发出异步的Ajax 请求;创建Servlet 响应请求;在页面完成回调方法,处理服务器端响应,改变页面效果。

技术资料出处:电子爱好者博客
该文章仅供学习参考使用,版权归作者所有。
因本网站内容较多,未能及时联系上的作者,请按本网站显示的方式与我们联系。

现在联系我们

 

VoIP性能优化的方法

随着当前的网络技术进步,传统数据网络在技术上无法支持实时话音质量要求和网络性能要求。新的流量优先级划分和带宽管理工具,完全可以建立一种高效的语音数据融合网络。 ...

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • php+ajax无刷新上传图片的实现方法,

    php+ajax无刷新上传图片的实现方法,

    2017-01-03 15:01

  • 基于Ajax技术的网站设计

    基于Ajax技术的网站设计

    2017-01-03 09:07

  • 对Gmail中使用AJAX技术的研究

    对Gmail中使用AJAX技术的研究

    2016-12-31 18:07

  • asp.net中怎样利用ajax技术,将Repeater中的a中的值传到另外一个

    asp.net中怎样利用ajax技术,将Repeater中的a中的值传到另外一个

    2016-12-31 17:02

网友点评
c