### 使用Ext2.0的Ajax连接ArcIMS的例子详解
#### 一、背景介绍
随着Web技术的发展，GIS（地理信息系统）的应用越来越广泛。在Web GIS领域中，ArcIMS（ArcGIS Image Server）作为一款高性能的图像服务器软件，在地图数据发布和服务方面具有显著的优势。本文通过一个具体的例子来介绍如何使用Ext2.0框架中的Ajax对象与ArcIMS服务器进行交互，实现向服务器发送请求并处理返回的数据。
#### 二、核心概念简介
1. **Ext2.0**：一个开源的JavaScript库，用于构建交互式的Web应用。它提供了丰富的用户界面组件和便捷的数据处理功能。
2. **Ajax**：Asynchronous JavaScript and XML的缩写，一种在无需重新加载整个网页的情况下能够更新部分网页的技术。
3. **ArcIMS**：由ESRI公司开发的一款地图图像服务器，主要用于提供动态地图图像的服务。
#### 三、示例代码分析
1. **构建XML请求**
```javascript
var axl = '<?xml version="1.0" encoding="UTF-8"?>\n' +
'<ARCXML version="1.1">\n' +
' <REQUEST>\n' +
' <GET_SERVICE_INFO renderer="false" extensions="false" fields="false"/>\n' +
' </REQUEST>\n' +
'</ARCXML>\n';
```
这段代码创建了一个XML字符串，用于向ArcIMS服务器发送请求获取服务信息。其中`<GET_SERVICE_INFO>`标签包含了获取服务信息所需的参数。
2. **定义URL**
```javascript
var url = 'http://www.studioat.it/servlet/com.esri.esrimap.Esrimap?ServiceName=ComuneGarzeno&Form=False&ClientVersion=4.0';
```
定义了请求的URL，其中包含了服务名称等参数。
3. **使用XHR对象发送请求**
- **创建XHR对象**：通过`getHTTPObject()`函数创建一个跨浏览器兼容的XMLHttpRequest对象。
- **发送请求**：使用`open()`方法初始化请求，然后调用`send()`方法发送XML字符串。
- **处理响应**：通过`onreadystatechange`事件监听器来处理服务器的响应，当`readyState`为4且`status`为200时，表示请求成功并执行回调函数`parseLayers()`。
4. **使用Ext2.0的Ajax方法**
```javascript
Ext.Ajax.request({
url: url,
headers: {'Content-Type': 'text/xml'},
params: axl,
method: 'post',
success: function(result, request) {
alert(result.responseText);
},
failure: function(result, request) {
Ext.MessageBox.alert('Failed', 'Successfully posted form:');
}
});
```
- **请求配置**：使用`Ext.Ajax.request`方法发起POST请求，并配置请求头、请求参数等。
- **处理响应**：通过`success`和`failure`回调函数来处理服务器的响应。
#### 四、关键技术点解释
1. **XMLHttpRequest对象**：用于在后台与服务器交换数据而不重载整个网页，是实现Ajax的核心。
2. **Ext.Ajax.request**：Ext2.0框架提供的一个强大的Ajax请求方法，可以方便地发送请求并处理响应。
3. **跨浏览器兼容性**：通过检测不同浏览器支持的特性来选择合适的XMLHttpRequest实现方式。
#### 五、总结
通过本例的学习，我们可以了解到如何使用Ext2.0框架中的Ajax对象与ArcIMS服务器进行交互的基本流程。这不仅涉及到XMLHttpRequest对象的使用，还包括了Ext2.0提供的Ajax请求方法的配置和使用。这些知识对于开发者来说是非常有价值的，特别是在开发需要与地图服务器进行通信的Web应用时尤为重要。
