JavaScript HTTP 请求：XMLHttpRequest 和 fetch API

要使用 JavaScript 发出 HTTP 请求，你可以使用内置的'XMLHttpRequest' 对象或现代浏览器中的'fetch' 函数。以下是使用这两种方法的示例：

使用 XMLHttpRequest：

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

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

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

// 注册请求完成时的回调函数
xhr.onload = function() {
  if (xhr.status === 200) {
    // 请求成功，处理响应数据
    console.log(xhr.responseText);
  } else {
    // 请求失败，处理错误
    console.error('请求失败。状态码：' + xhr.status);
  }
};

// 注册请求错误时的回调函数
xhr.onerror = function() {
  console.error('请求发生错误。');
};

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

使用 fetch：

// 发出 GET 请求
fetch('https://api.example.com/data')
  .then(function(response) {
    if (response.ok) {
      // 请求成功，处理响应数据
      return response.text();
    } else {
      // 请求失败，抛出错误
      throw new Error('请求失败。状态码：' + response.status);
    }
  })
  .then(function(data) {
    console.log(data);
  })
  .catch(function(error) {
    console.error('请求发生错误：' + error.message);
  });

这些示例演示了如何使用 JavaScript 发出基本的 GET 请求。你可以根据需要修改这些示例，例如使用 POST 方法、传递请求参数、设置请求头等。