JavaScript HTTP 请求：XMLHttpRequest 和 fetch() 的用法

使用 JavaScript 发出 HTTP 请求的常见方法是使用内置的 XMLHttpRequest 对象或者 fetch() 函数。

使用 XMLHttpRequest 对象的示例代码如下所示：

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

// 设置请求方法和 URL
xhr.open('GET', 'https://api.example.com/data', true);

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

// 当请求完成时执行的回调函数
xhr.onload = function() {
  if (xhr.status === 200) {
    // 请求成功
    console.log(xhr.response);
  } else {
    // 请求失败
    console.error('请求失败: ' + xhr.status);
  }
};

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

使用 fetch() 函数的示例代码如下所示：

// 发起 GET 请求
fetch('https://api.example.com/data')
  .then(function(response) {
    if (response.ok) {
      // 解析响应数据为 JSON
      return response.json();
    } else {
      throw new Error('请求失败: ' + response.status);
    }
  })
  .then(function(data) {
    console.log(data);
  })
  .catch(function(error) {
    console.error(error);
  });

你可以根据你的需求选择其中一种方法来发送 HTTP 请求。