JavaScript HTTP 请求：XMLHttpRequest 和 Fetch API 指南

要使用 JavaScript 发出 HTTP 请求，您可以使用内置的 XMLHttpRequest 对象或使用现代的 fetch API。以下是使用这两种方法的示例：

使用 XMLHttpRequest：

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

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

// 设置请求头（可选）
xhr.setRequestHeader('Content-Type', 'application/json');

// 监听请求状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 当请求完成且响应状态为 200 时，执行下面的代码
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};

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

使用 fetch API（现代方法）：

// 发出 GET 请求
fetch('https://api.example.com/data')
  .then(function(response) {
    if (response.ok) {
      return response.json();
    }
    throw new Error('网络请求失败');
  })
  .then(function(data) {
    console.log(data);
  })
  .catch(function(error) {
    console.log(error);
  });

这是基本示例，您可以根据需要进行修改和扩展。请确保使用正确的 URL 和请求方法（例如 GET、POST 等），并根据需要设置请求头、处理响应等。