Java Web基础：第二十一讲 Ajax交互的基本过程

本文内容摘自：《Java Web开发教程——入门与提高篇（JSP+Servlet）》

交互的基本过程包括：

l         创建XMLHttpRequest对象；

l         发送请求；

l         处理响应。

创建XMLHttpRequest对象，不同的浏览器XMLHttpRequest对象的创建过程不太相同，需要针对不同的浏览器进行不同的处理。下面的代码展示了这个过程。读者可以直接在自己的程序中使用下面的代码。

var xMLHttpRequest=false;

function createXMLHttpRequest(){

   if(window.XMLRequest){  // Mozilla浏览器

      xMLHttpRequest = new XMLHttpRequest();

   }else if(window.ActiveObject){

      try{

         XMLHttpRequest = new ActiveXobject(“Msxml2.XMLHTTP”);

      }catch(e){

         try{

            XMLHttpRequest = new ActiveXobject(“Microsoft.XMLHTTP”);

         }catch(e){}

      }

   }

}

对象创建之后是发送请求，首先通过open方法设置请求方式、请求的资源等，然后指定响应方法，然后调用send方法发送。

function sendRequest(url){

   createXMLHttpRequest();

   XMLHttpRequest.open(“GET”,url,true);

   XMLHttpRequest.onreadystatechange=processResponse; //指定响应函数

   XMLHttpRequest.send(null); //发送请求

}

客户端接收到响应信息之后，调用processResponse方法（在发送请求的时候设置的）进行处理。

function processResponse(){

   if(XMLHttpRequest.readystate==4){ // 判断对象状态

      if(XMLHttpRequest.status==200){  // 信息已经返回，开始处理信息

         var res =

 XMLHttpRequest.responseXML.getElementsByTagName(“res”)[0].firstChild.data;

         window.alert(res)；

      }else{ // 页面不正常

         Window.alert(“您所请求的页面有异常！”);

      }

   }

}

 

 

上一讲：第二十讲 Ajax概述

下一讲：第二十二讲 Ajax交互简单实例

李绪成 优快云 Blog ： http://blog.youkuaiyun.com/javaeeteacher

邀请您为好友： http://student.youkuaiyun.com/invite.php?u=124362&c=7be8ba2b6f3b6cc5