XMLHttpRequest状态代码 - JavaScript

概述

XMLHttpRequest（XHR）对象是一种用于从网页客户端（比如JavaScript）向服务器发送请求的API。这些请求可以异步（即不影响页面中的其他部分）或同步（即阻止页面中的其他部分）进行。XHR对象可以获取服务器响应的数据，例如HTML、XML、JSON等格式。

在使用XHR对象时，了解不同状态代码的含义非常重要，以便您知道何时请求成功或失败，或者何时请求正在进行中。

以下是XHR对象状态代码的完整列表：

| 状态代码 | 描述 | | --------- | ----------- | | 0 | 请求未初始化。open()方法尚未调用。 | | 1 | 请求已建立。open()方法已调用，但是send()方法尚未调用。 | | 2 | 请求已发送。send()方法已调用，但是服务器尚未响应。 | | 3 | 请求正在处理中。服务器已经接收到请求并正在处理它。 | | 4 | 请求已完成，且响应已就绪。响应数据可在responseText属性中获得。 |

代码示例

以下是一个简单的XHR对象使用示例：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("demo").innerHTML = this.responseText;
  }
};
xhr.open("GET", "url", true);
xhr.send();

在上面的示例中，我们首先创建了一个XHR对象，然后定义了onreadystatechange函数。该函数用于检测XHR对象的状态是否已更改。如果状态已更改且服务器已发送响应，我们将通过将响应文本添加到网页中的"demo"元素来显示响应数据。

在xhr.open()方法中，我们指定了请求的类型（"GET"）、URL和异步标志（true表示异步，false表示同步）。最后，在xhr.send()方法中，我们将请求发送到服务器。

结论

了解XHR对象的状态代码可以帮助您更好地控制网页中代码的行为。无论是在客户端还是服务器端，XHR对象的使用非常重要，因此我们应该尽可能了解它的完整功能。