JavaScript 发起 HTTP 请求：XMLHttpRequest 和 Fetch API

使用 JavaScript 发起 HTTP 请求有多种方法，以下是一种常见的方式：

使用内置的 XMLHttpRequest 对象：

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

// 配置请求的方法、URL 和是否异步
request.open('GET', 'https://api.example.com/data', true);

// 监听请求完成事件
request.onload = function() {
  if (request.status >= 200 && request.status < 400) {
    // 请求成功
    console.log(request.responseText);
  } else {
    // 请求失败
    console.error('请求失败：' + request.statusText);
  }
};

// 监听请求错误事件
request.onerror = function() {
  console.error('请求发生错误');
};

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

使用 fetch API：

fetch('https://api.example.com/data')
  .then(function(response) {
    if (response.ok) {
      // 请求成功
      return response.text();
    } else {
      // 请求失败
      throw new Error('请求失败：' + response.statusText);
    }
  })
  .then(function(data) {
    console.log(data);
  })
  .catch(function(error) {
    console.error('请求发生错误', error);
  });

这些方法适用于发送 GET 请求。如果需要发送其他类型的请求（例如 POST），可以在创建请求时使用 request.open('POST', 'URL', true) 或 fetch('URL', { method: 'POST' }) 来配置请求的方法。

请注意，在实际使用中，你需要将 URL 替换为你要请求的实际 URL，并处理请求成功和失败的情况。