Ajax技术及其在WebGIS中的应用的教程.docx

Ajax技术及其在WebGIS中的应用的教程Ajax技术及其在WebGIS中的应用的教程摘要本文首先介绍了Ajax的出现背景，然后分析了AJAX引擎的原理和各个组成部分，接着讨论了Ajax在WebGIS中的应用，总结出三种开发模式，并给出了用Ajax.NET在MapXtreme.NET2004平台上开发webgis的关键源代码。关键词WebGIS;Ajax;XMLHttpRequest;WebApplication;MapXtreme.net当前Web服务逐渐渗入到人们的日常生活中，越来越多的人正通过web享受信息化时代带来的各种服务。WebGIS是GIS与Web有机结合的产物，是Internet环境下的一种存储、传输、处理、分析、显示和应用地理空间信息的计算机系统，它将GIS带入到千家万户，使GIS真正成为一种大众使用工具[5],[18]。1Ajax引擎的原理AJAX（AsynchronousJavaScriptandXML）是现有多种技术的综合，包括JavaScript、XHTML、CSS、DOM、XML、XSTL和XMLHttpRequest。Ajax使用XHTML和CSS标准化呈现数据，使用DOM实现动态显示和交互数据，使用XML和XSTL进行数据交换与处理，使用XMLHttpRequest对象进行异步数据读取，使用JavaScript绑定和处理所有数据[1]。Ajax为交互操作较多、数据读写频繁和数据分类良好的Web应用提供了一个很好的解决方案。其中XMLHttpRequest、JavaScript和DOM是Ajax技术的核心。1.1XMLHttpRequestXMLHttpRequest是Ajax引擎的核心技术，是Ajax引擎解决无需刷新整个页面即可从服务器获取所需数据问题的关键。在微软IE平台下XMLHttpRequest是XMLHTTP组件的一个对象，它通过允许开发人员在web页面内部使用XMLHTTPActiveX组件扩展自身功能，开发人员不必从当前的Web页面导航而直接与服务器上的数据库进行双向数据传输。该项功能相当重要，它弥补了无状态连接的缺点，排除下载冗余Web数据的需要，从而提高了进程速度。1.2DOM(DocumentobjectModel)DOM是给HTML和XML文件使用的一组API。它提供了文件的结构表述，允许开发人员改变其中的内容,建立网页与程序语言沟通的桥梁。所有Web开发人员操作及建立文件的属性、方法及事件都以对象方式来展现，这些对象均可由当今大多数浏览器以脚本取用。一个用HTML或XHTML构建的网页可看作是一组结构化数据，这些数据被封在DOM(DocumentObjectModel）中，且DOM提供对网页中各个对象的读写支持。1.3JavaScriptJavaScript是一种在浏览器中大量使用的跨平台编程语言，常被用来制作网页特效或表单验证。在Ajax中JavaScript则是XMLHttpRequest与DOM交互的'桥梁以及Ajax引擎工作的主要推动力。JavaScript通过调用XMLHttpRequest的属性和方法获取服务器端数据，调用DOM的API更新Web页面内容，从而实现整个页面的无刷新更新页面的效果。2基于Ajax引擎的Web应用体系结构图1Ajaxweb应用程序模型Ajax采用异步交互过程，在用户与服务器之间引入一个中间媒介，从而消除网络交互过程中“处理—等待—处理—等待”的缺点。用户的浏览器在执行任务时即装载了Ajax引擎，通常放在一个隐藏的框架中。Ajax引擎采用JavaScript语言编写，负责编译用户界面及与服务器之间的交互。Ajax引擎允许用户与应用软件之间的交互过程异步进行，独立于用户与网络服务器间的交流。用JavaScript调用Ajax引擎来代替产生一个HTTP的用户动作，如内存中的数据编辑、页面导航、数据校验等无需重新载入整个页面的请求，可由Ajax引擎来执行[1],[17]。基于Ajax引擎的Web应用体系结构模型如图1所示。3Ajax的优点3.1减轻服务器和网络的负担Ajax的原则是“按需获取数据”，可最大程度地减少冗余请求和响应对服务器造成的负担。把以前一些服务器承担的工作转到客户端，利用客户端闲置的能力进行处理，从而减轻服务器和网络的负担，节约空间和宽带租用成本。3.2无刷新更新页面，减少用户实际和心理等待时间首先，“按需获取数据”的理念减少了数据的实际读取量。其次，DOM的使用不像传统刷新那样出现白屏的情况，而是在读取数据的过程中显示的是原来的页面状态，只有当接收到全部数据后才更新相应部分的内容，而这种更新也是瞬间的，用户几乎感觉不到,提高了可用性，提高了用户体验。这种无刷新更新页面的功能，减少用户实际和心理等待时间。3.3基于现有公