XMLHttpRequest是一种用于在浏览器中发送HTTP请求和获取响应的API。当我们创建一个XMLHttpRequest对象并发送一个请求时，它会进入不同的readyState状态，表示请求的不同阶段。
readyState的五个状态
- 0 - UNSENT：初始化XMLHttpRequest对象，但未调用open()方法。
- 1 - OPENED：已调用open()方法，但尚未调用send()方法。
- 2 - HEADERS_RECEIVED：已接收到响应头。
- 3 - LOADING：正在下载响应体（例如，正在接收数据）。
- 4 - DONE：响应已完成并可用。
如何使用不同的readyState
我们可以使用这些不同的readyState来管理我们的请求，并根据需要执行相应的操作。例如，可以检查readyState是否为4，以确认是否已成功接收响应。以下是一个例子：
----- --- - --- -----------------
---------------------- - ---------- -
-- ---------------- --- - -- ----------- --- ---- -
-- ------------
-------------------------------
-
--
--------------- ------------------------------------------------
-----------在上面的示例中，我们创建了一个XMLHttpRequest对象并发送了一个GET请求。每当readyState发生变化时，我们检查它是否为4，并检查响应的状态码是否为200，以确保请求已成功完成。如果一切顺利，我们将在控制台中记录响应文本。
如何处理错误
我们还可以使用不同的readyState来处理错误。例如，如果readyState为4但状态码不是200，则表示请求出现了问题。
----- --- - --- -----------------
---------------------- - ---------- -
-- ---------------- --- -- -
-- ------------ --- ---- -
-- ------------
-------------------------------
- ---- -
-- ----
--------------------- - -----------------
-
-
--
--------------- ----------------------------------------------------
-----------在上面的示例中，我们故意发送一个不存在的请求，它将返回404状态码。当readyState为4时，我们检查状态码是否为200。如果它不是200，我们向控制台输出一个错误消息。
总结
通过理解XMLHttpRequest对象的不同readyState状态，我们可以更好地管理我们的请求和响应，并正确地处理错误。此外，我们还可以使用它们来实现异步操作，从而使我们的网站更加响应和高效。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/10506