XMLHttpRequest对象的创建在IE6上兼容:
var request;
if(window.XMLHttpRequest) {
request = new XMLHttpRequest();//IE7+,Firefox,Chrome,Opera,Safari...
} else {
request = new ActiveXObject("Microsoft.XMLHTTP");//IE6,IE5
}
XMLHttpRequest发送请求:
open
method 发送请求方法,务必大写字母
url 请求地址
async 请求同步/异步(一般选择异步,也就是true,默认true,也就是不填写)send
string
XMLHttpRequest获取响应:
responseText:获得字符串形式的响应数据
responseXML:获得 XML 形式的响应数据
status 和 statusText:以数字和文本形式返回HTTP状态码
getAllResponseHeader():获取所有的响应报头
getResponseHeader():查询响应中的某个字段的值
readyState属性(代表服务器响应的变化):
0:请求未初始化,open还没调用
1:服务器链接已建立,open已经调用了
2:请求已接收,也就是接收到头信息了
3:请求处理中,也就是接收到响应主体了
4:请求已完成,且响应已就绪,也就是响应完成了
监听服务器readyState属性的变化:
var request = new XMLHttpRequest();
request.open("GET","get.php",true);
request.send();
request.onreadystatechange = function(){
if(request.readyState===4 && request.status===200){
//在响应完成了且请求成功之后做一些事情。比如:request.reponseText(获取服务器响应的内容)
}
}
//onreadystatechange使在每一次readyState事件变化的时候触发
。
网友评论