值	状态	描述
0	`UNSENT`	代理被创建，但尚未调用`open`方法
1	`OPENED`	`open`方法已被调用
2	`HEADERS_RECEVIED`	`send`方法已被调用，并且头部和状态已经可得
3	`LOADING`	下载中，`respoenseText`属性已经包含部分数据
4	`DONE`	下载操作已完成

respoenseText

返回一个DOMString，该DOMString包含对请求的响应，如果请求未成功或尚未发送，则返回null。

responseType

是一个枚举类型的属性，返回响应数据的类型。它允许我们手动的设置返回数据的类型。如果我们将它设置为一个空字符串，它将使用默认的"text"类型。

在这里插入图片描述

responseXML

返回一个包含请求检索的HTML或XML的Document，如果请求未成功、尚未发送，或者检索的数据无法正确解析为XML或 HTML，则为null。

status

返回了XMLHttpRequest响应中的数字状态码。status的值是一个无符号短整型。在请求完成前，status的值为0。值得注意的是，如果XMLHttpRequest出错，浏览器返回的status也为0。

扫描二维码关注公众号，回复： 5835014 查看本文章

常用方法

open()方法

初始化一个请求。

let xhr = new XMLHttpRequest();
xhr.open(method, url, async, user, password);

参数

method：要使用的HTTP方法，如GET、POST、PUT等
url：表示将要请求的URL
async：可选值，默认为true。表示要不要进行异步操作。如果值为false，则为同步，反之则为异步。
user：可选值。用于认证用途；默认为null
password：可选值。用于认证用途，默认为null。

send()方法

该方法用于发送HTTP请求。如果为异步请求，则此方法在发送完之后会立即返回，而若为同步，则会阻塞至响应到达后才会返回。

XMLHttpRequest.send()方法接受一个可选的参数，其作为请求主体；如果请求方法是GET或者HEAD，则应将请求主体设置为null。

例子

let xhr = new XMLHttpRequest(); //构造XMLHttpRequest实例对象
xhr.open('GET', '/', true); //初始化一个请求
xhr.onreadystatechange = function(){
    if(XMLHttpRequest.DONE === xhr.readyState && xhr.status === 200){
        console.log(xhr.respoenseText);
    }
}
xhr.send(null); //发送Http请求

初识XMLHTTPRequest

文章目录

对象的构造

构造函数：

常用属性

onreadystatechange

readyState