AJAX的使用方法

Ajax的使用方法

let xhr = new XMLHttpRequest();
xhr.onreadystatechange=function(){
    if(xhr.readyState === 4){
        if(xhr.status === 200){
            console.log("发送成功！");
        }else{
        console.log("发送失败");
        }
    }
}
xhr.open(method,url,isAsync,user,password);
xhr.setRequestHeader('Accept','*/*');
xhr.send(content);

Ajax对象的属性、方法

{
    readyState:0|1|2|3|4; //xhr对象的状态， 0:xhr对象创建，1：open方法调用，2：send方法调用，此时可以获取到头部信息，3：内容正在下载中，4：下载成功。
    status:1XX|2XX|3XX|4XX|5XX,//服务器响应的 http 状态码, 1XX:协议改变，2XX：响应成功，3XX：重定向，4XX：客户端错误，5XX：服务器错误。
    responseTest,// 服务器响应内容
    responseType:'arrrybuffer', // 设置服务器响应内容类型。
    timeout:2000,// 超时时间2000毫秒，和setRequestHeader()一样需要放在open和send之间。
    withCredentials:true,// 跨域CORS默认不发送cookie,如想支持可设置为true，并且服务端设置响应头部Access-Control-Allow-Origin,Access-Control-Allow-Credentials:true。
    open(method,url,isAsync,user,password),// method：请求方法get|post|head|put|delete,url:请求地址，isAsync：是否异步，默认true，user：认证用户名，password：认证密码。
    setRequestHeader(header，value),// 设置请求头部信息。
    send(content),// content:可选，method为get或者head不用传。
}

Ajax事件

事件名	描述
onreadystatechange	当xhr对象的状态码readyState改变时触发
onloadstart	开始获取数据
onprogress	数据获取中
onabort	数据获取被取消
onerror	数据获取失败
ontimeout	数据获取超时
onloadend	数据获取结束（不管成功失败）
onload	数据获取成功