XHR 请求

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-urlencodedapplication/json

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

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

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


上一篇:XHR 创建对象
下一篇:XHR 响应