Server Java 五 --- ADF中的Ajax函数

ESRI为了使Server ADF能够支持Ajax，做了大量的工作，Sever ADF中有很多可以利用的代码，我们来看看：
代码1：创建XMLHttpRequest，可以看一下下面的代码：

this.createXmlHttpObject = function() {
  if (this.isIE) {
    try {
    return new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (exception) {
    return new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
  return new XMLHttpRequest();
}

这个代码写得很妙吧，前面两个处理IE浏览器，最后一个支持Firefox，XMLHttpRequest是Firefox的。
发送请求，用如下命令：

EsriUtils.sendAjaxRequest(url, params, true, function() { updateInfoResponse(xmlHttp); });

解释一下，怎么得到这个url，ESRI也提供了办法：

var url = EsriUtils.getServerUrl(formId);

getServerUrl的代码如下：

this.getServerUrl = function(fId) {
  if (document.forms[fId].action.indexOf(";jsessionid=") != -1)
    return document.forms[fId].action;
  else if (this.getJSessionId())
    return document.forms[fId].action + ";jsessionid=" + this.getJSessionId();
  else
    return document.forms[fId].action;
}

嗯，url已经解释了，我们看看第二个参数params，这个参数包含了我们需要传递到服务器端的参数。看一下源代码就可以知道，xh.send(params);将这些参数发送到服务器端。

doGet参数就比较简单了，用来说明这个请求是get还是post。看看源代码，发送的方法是不一样的，如果是get方法，那些参数用?进行连接，传送到服务器端。它返回的仍然是XMLHttpRequest对象。

Callback函数是我们自己写的函数，用来在服务器数据处理完成后，处理服务器端传送过来的数据。大家看着是不是一目了然了呢？

sendAjaxRequest的源代码

this.sendAjaxRequest = function(url, params, doGet, callback) {
  try {
    var xh = this.createXmlHttpObject();
    xh.onreadystatechange = callback;
    if (doGet) {
    xh.open("GET", url + "?" + params, true);
    xh.send(null);
    }
    else {
    xh.open("POST", url, true);
    xh.send(params);
    }
    return xh;
  }
  catch (exception) {
    return null;
  }
}
}

有了这几个强大的函数，我们就可以利用ESRI的成果，来进行Ajax的开发了。说了半天客户端的东西，下一篇我们来讲服务器端的处理，服务器端的处理需要比较大的篇幅来说。