博客

XMLHttpRequest是客户端使用的API，可以通过异步或同步方式与服务器交互，从服务器获取数据而无需整个页面刷新。XMLHttpRequest具有以下常用的属性：

1. readyState

readyState属性用于获取XMLHttpRequest对象的状态，它的值可能为0、1、2、3或4。

状态码含义：

• 0 – 请求未初始化
• 1 – 服务器连接已建立
• 2 – 请求已接收
• 3 – 请求处理中
• 4 – 请求已完成，且响应已就绪

示例1：

let xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com/api/data');
xhr.onreadystatechange = function (){
    if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
    }
}
xhr.send();

1. status

status属性用于获取服务器响应状态码，它的值为HTTP状态码（如200、404、500等）。

示例2：

let xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com/api/data');
xhr.onreadystatechange = function (){
    if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
    } else {
        console.log(xhr.status);
    }
}
xhr.send();

以上就是XMLHttpRequest的常用属性。除了这些属性，还有很多其他的属性可用于自定义请求头、设置超时时间等。要想更深入地研究XMLHttpRequest，请仔细研究相关文档。