JAVA AJAX教程第三章—AJAX详细讲解

核心提示： 4、 处理服务器返回的信息首先，检查XMLHttpRequest的readyState值，JAVA AJAX教程第三章—AJAX详细讲解(3)，判断请求目前的状态，参照前面的属性表可以知道，总结以上的步骤我们就可以整个出一个初步的AJAX开发框架，供以后调用了，readyState值为4时，代表

4、　 处理服务器返回的信息

首先，检查XMLHttpRequest的readyState值，判断请求目前的状态。参照前面的属性表可以知道，readyState值为4时，代表服务器已经传回所有的信息，可以开始处理信息并更新页面内容了。例如：

if(XMLHttpReq.readyState　==　4){
　　　　//信息已返回，可以开始处理
}else{
　　　　//信息还未返回，等待
}

信息返回后还需判断HTTP状态码，确定返回的页面没有错误。其中200代表页面正常，基本程序如下：

if(XMLHttpReq.status　==　200){
　　　　//页面正常，可以开始处理信息
}else{
　　　　//页面有问题
}

XMLHttpRequest对成功返回的信息有两种处理方式，一种为responseText，即将传回的信息当字符串使用；另一种为reponseXML，即将传回的信息当XML文档使用，可以使用DOM处理。

总结以上的步骤我们就可以整个出一个初步的AJAX开发框架，供以后调用了。例子代码如下，以后只需在其中改变具体的数据：

<script　language="javascript">
var　XMLHttpReq　=　false;
function　createXMLHttpRequest(){
　　　　if(window.XMLHttpRequest){
　　　　　　　XMLHttpReq　=　new　XMLHttpRequest();
　　　　}else　if(window.ActiveXObject){
　　　　　　　try{
　　　　　　　　　　　XMLHttpReq　=　new　ActiveXObject("MSXML2.XMLHTTP");
　　　　　　　}catch(e){
　　　　　　　　　　　try{
　　　　　　　　　　　　　　XMLHttpReq　=　new　ActiveXObject("Mircsoft.XMLHTTP");
　　　　　　　　　　　}catch(e1){}
　　　　　　　}
　　　　}
}
function　sendRequest(url){
　　　　//创建XMLHttpRequest对象
　　　　createXMLHttpRequest();
　　　　//调用open方法
　　　　XMLHttpReq.open("GET",url,true);
　　　　//指定服务器返回信息时客户端的处理函数
　　　　XMLHttpReq.onreadystatechange　=　processResponse;
　　　　//向服务器发送请求
　　　　XMLHttpReq.send(null);
}
function　processResponse(){
　　　　//判断相应情况
　　　　if(XMLHttpReq.readyState　==　4){
　　　　　　　//判断HTTP状态码
　　　　　　　if(XMLHttpReq.status　==　200){
　　　　　　　　　　　var　res　=　XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.data;
　　　　　　　　　　　window.alert(res);
　　　　　　　　　　　document.myform.uname.value="";
　　　　　　　　　　　document.myform.pwd.value="";
　　　　　　　}else{
　　　　　　　　　　　window.alert("你请求的页面有异常");
　　　　　　　}
　　　　}
}
function　userCheck(){
　　　　var　uname　=　document.myform.uname.value;
　　　　var　pwd　=　document.myform.pwd.value;
　　　　if(uname　==　""){
　　　　　　　window.alert("用户名不能为空");
　　　　　　　document.myform.pwd.value="";
　　　　　　　document.myform.uname.focus();
　　　　　　　return　false;
　　　　}else{
　　　　　　　//调用AJAX初步框架
　　　　　　　sendRequest("login?uname="+uname+"&pwd="+pwd);
　　　　}
}
</script>

出处：http://sidneyyoung.blog.51cto.com/932743/211647