JavaScript 发送 HTTP 请求：XMLHttpRequest 和 fetch API 实例

使用 JavaScript 发送 HTTP 请求可以使用内置的 'XMLHttpRequest' 对象或者 'fetch' API。我将为你提供两种方法的示例代码。

使用 'XMLHttpRequest' 对象：

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

// 准备发送请求
xhr.open('GET', 'https://api.example.com/data', true);

// 监听请求状态改变事件
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功完成
    const response = xhr.responseText;
    console.log(response);
  }
};

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

使用 'fetch' API：

// 发送GET请求
fetch('https://api.example.com/data')
  .then((response) => {
    if (response.ok) {
      // 请求成功
      return response.text();
    }
    throw new Error('网络请求错误');
  })
  .then((data) => {
    console.log(data);
  })
  .catch((error) => {
    console.error(error);
  });

这些示例代码可以用于发送 GET 请求。如果你需要发送其他类型的请求，例如 POST 请求，你需要根据需求进行相应的修改。