js xhr

// 使用 XMLHttpRequest (XHR) 发送 HTTP 请求的示例代码

// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();

// 配置请求：GET 方法，请求的 URL 是 "https://jsonplaceholder.typicode.com/posts"
xhr.open('GET', 'https://jsonplaceholder.typicode.com/posts', true);

// 设置响应类型为 JSON
xhr.responseType = 'json';

// 当请求状态发生改变时触发此函数
xhr.onload = function () {
  // 检查 HTTP 状态码是否为 200（表示成功）
  if (xhr.status === 200) {
    // 请求成功，处理返回的数据
    console.log(xhr.response); // 输出响应数据到控制台
  } else {
    // 请求失败，输出错误信息
    console.error('Error: ' + xhr.status);
  }
};

// 处理网络错误
xhr.onerror = function () {
  console.error('Request failed');
};

// 发送请求
xhr.send();

解释说明：

1. 创建 XHR 对象：var xhr = new XMLHttpRequest();
   这行代码创建了一个新的 XMLHttpRequest 对象，用于与服务器进行通信。

2. 配置请求：xhr.open('GET', 'https://jsonplaceholder.typicode.com/posts', true);
   这里我们使用 open 方法配置了一个 GET 请求。参数依次是请求方法、请求的 URL 和是否异步执行（true 表示异步）。

3. 设置响应类型：xhr.responseType = 'json';
   设置响应的数据格式为 JSON，这样在接收到响应后可以直接访问解析后的对象。

4. 处理响应：xhr.onload
   当请求完成并且接收到响应时，会触发 onload 回调函数。在这个函数中，我们可以检查请求的状态码并处理响应数据。

5. 处理错误：xhr.onerror
   如果请求过程中发生网络错误，会触发 onerror 回调函数，并输出错误信息。

6. 发送请求：xhr.send();
   最后，使用 send() 方法发送请求。