XHR readyState

在使用 AJAX 进行数据请求时，XMLHttpRequest 对象的 readyState 属性是非常重要的。readyState 属性表示请求的状态，可以帮助开发者了解请求的进展情况。

XMLHttpRequest 对象的 readyState 属性有5种取值：

1. 0 (UNSENT): 请求未初始化，即还没有调用 open() 方法。

2. 1 (OPENED): 请求已经初始化，但是还没有调用 send() 方法。

3. 2 (HEADERS_RECEIVED): 请求已经发送并且服务器已经返回了响应头。

4. 3 (LOADING): 请求正在处理中，通常表示服务器正在返回响应数据。

5. 4 (DONE): 请求已经完成，且响应已经完全接收。

在实际开发中，我们可以通过监听 XMLHttpRequest 对象的 onreadystatechange 事件来获取 readyState 的变化，从而实时监控请求的状态。

示例代码如下：

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

在上面的示例中，我们创建了一个 XMLHttpRequest 对象，并监听了其 onreadystatechange 事件。当 readyState 变为 4 且状态码为 200 时，表示请求成功，我们可以通过 xhr.responseText 获取到服务器返回的数据。

这就是关于 XMLHttpRequest 对象的 readyState 属性的介绍，接下来我们将继续深入探讨其他 AJAX 相关的知识。