Ajax交互的基本过程

admin

2010年8月18日 14:26 本文热度 3488

交互的基本过程包括：

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(“您所请求的页面有异常！”);

}

该文章在 2010/8/18 14:26:09 编辑过

正在查询...