Ajax交互的基本过程
上一篇 /
下一篇 2010-06-13 12:58:10
交互的基本过程包括:
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(“您所请求的页面有异常!”);
}
}
}
收藏
举报
TAG: