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 请求的基本用法，下一节我们将介绍如何处理跨域请求。