XML、XMLDOM、XMLHttpRequest 详解(二)
虽然可以通过 XML DOM 文档加载 XML 文件,但公认的还是 XMLHttpRequest 对象比较好 【划重点】
XMLHttpRequest(XHR)IE7 及以上支持 XHR 对象,IE6 以下,那么我们必须还需要使用 ActiveX 对象通过MSXML 库来实现。兼容如下: function createXHR() {
if (typeof XMLHttpRequest != 'undefined') {
return new XMLHttpRequest();
} else if (typeof ActiveXObject != 'undefined') {
var versions = [
'MSXML2.XMLHttp.6.0','MSXML2.XMLHttp.3.0','MSXML2.XMLHttp'
];
for (var i = 0; i < versions.length; i ++) {
try {
return new ActiveXObject(version[i]);
} catch (e) {
//跳过
}
}
} else {
throw new Error('您的浏览器不支持XHR对象!');
}
}
var xhr = new createXHR();
XHR 使用在使用 XHR 对象时,先必须调用 open() 方法,它接受三个参数,要发送的请求类型(get、post)、请求的URL和表示是否异步。 // 使用同步方式(false代表同步)
var xhr = new XMLHttpRequest();
alet(xhr); //XMLHttpRequest
xhr.open('get','demo.php',false); //准备发送请求,以get方式请求
xhr.send(null);
open() 方法并不会真正发送请求,而只是启动一个请求以备发送。通过 send() 方法进行发送请求,send() 方法接受一个参数,作为请求主体发送的数据。如果不需要则,必须填 null。 当请求发送到服务器端,收到响应后,响应的数据会自动填充XHR对象的属性。XHR一共有四个属性:
接收响应之后,第一步检查 status 属性,以确定响应已经成功返回。一般而以 HTTP 状态代码为 200 作为成功的标志。除了成功的状态代码,还有一些别的:
alert(xhr.responseText); // 打印服务器端返回回来的数据
使用异步调用才是我们真正常用的手段,使用异步调用的时候,需要出发readystatechange 事件,然后检测 readyState 属性即可。 //使用异步方式
var xhr = new XMLHttpRequest();
xhr.open('get','demo.php?rand=' + Math.random(),true); //准备发送请求,以get方式请求
xhr.send(null);
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
alert(xhr.responseText);
}else{
alert('数据返回失败!状态代码:' + xhr.status + '状态信息:' + xhr.statusText);
}
}
// 使用getResponseHeader()获取单个响应头信息
alert(xhr.getResponseHeader('Context-Type'));
// 使用getAllResponseHeaders()获取整个响应头信息
alert(xhr.getAllResponseHeaders());
// 使用setRequestHeader()设置单个请求头信息
xhr.setRequestHeader('MyHeader','Yu'); //放在open方法之后,send方法之前
发送 post 请求的数据,要通过 send() 方法向服务器提交数据。
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
XML、XMLDOM、XMLHttpRequest 详解(一) (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |