XMLHttpRequest概念性知识

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事件变化的时候触发






你可能感兴趣的:(XMLHttpRequest概念性知识)