现在的位置: 首页 > 综合 > 正文

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

2013年09月22日 ⁄ 综合 ⁄ 共 1302字 ⁄ 字号 评论关闭

本文内容摘自:《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(“您所请求的页面有异常!”);

      }

   }

}

 

 

抱歉!评论已关闭.