XHR 请求-JavaScript中文网-JavaScript教程资源分享门户

XMLHttpRequest（XHR）是一种在后台与服务器交换数据的技术，它可以在不重新加载整个页面的情况下更新页面的部分内容。在前端开发中，XHR 请求是非常常见的一种方式，用来获取服务器端的数据并实时更新页面。

发起一个简单的 XHR 请求

要发起一个 XHR 请求，我们需要实例化一个 XMLHttpRequest 对象，并设置请求的方法、URL 和是否是异步请求。然后我们可以通过监听 onreadystatechange 事件来处理服务器响应。

--- --- - --- -----------------
--------------- ------------------------------- ------
---------------------- - ---------- -
  -- --------------- --- -------------------- -
    -- ----------- --- ---- -
      ------------------------------
    - ---- -
      ----------------------
    -
  -
--
-----------

在上面的示例中，我们发起了一个 GET 请求到 https://api.example.com/data，并在 onreadystatechange 事件中处理服务器的响应。当服务器返回状态码为 200 时，我们打印出响应的数据；否则，我们打印出请求失败的信息。

发送 POST 请求

除了 GET 请求，我们还可以发送 POST 请求来向服务器提交数据。需要注意的是，当发送 POST 请求时，我们需要设置请求头的 Content-Type 属性为 application/x-www-form-urlencoded 或 application/json。

--- --- - --- -----------------
---------------- ------------------------------- ------
------------------------------------ --------------------
---------------------- - ---------- -
  -- --------------- --- -------------------- -
    -- ----------- --- ---- -
      ------------------------------
    - ---- -
      ----------------------
    -
  -
--
------------------------- ---- ------- ----

在上面的示例中，我们发送了一个 POST 请求到 https://api.example.com/post，并设置请求体的内容为 JSON 格式的数据。当服务器返回状态码为 200 时，我们打印出响应的数据；否则，我们打印出请求失败的信息。

这就是关于 XHR 请求的基本用法，下一节我们将介绍如何处理跨域请求。