xmlhttprequest使用

XMLHttpRequest (XHR) 是一个在无刷新（Asynchronous）情况下从 Web 服务器获取数据的 JavaScript 对象。它是 AJAX 技术的核心组件，允许前端开发者通过 JavaScript 向服务器发送 HTTP 请求，并获取响应数据。

使用 XMLHttpRequest 的步骤大致如下：

1. 创建一个新的 XMLHttpRequest 对象：

var xhr = new XMLHttpRequest();

2. 设置请求方法（GET、POST 等）、URL 和是否异步：

xhr.open('GET', 'example.com/api/data', true);

3. 配置请求头，如需要身份验证或自定义数据格式：

xhr.setRequestHeader('Content-Type', 'application/json');

4. 监听状态改变事件（例如请求完成）：

xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    console.log(xhr.responseText); // 成功时处理响应
  }
};

5. 发送请求：

xhr.send(); // 对于 POST 请求，可以传递额外的数据作为参数

6. 获取响应数据：

xhr.responseText 或 xhr.responseJSON; // 根据 responseType 设置解析响应体