JavaScript 发出 HTTP 请求：XMLHttpRequest 和 Fetch API

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

使用 XMLHttpRequest：

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

// 配置请求方法、URL 地址和异步标志
xhr.open('GET', 'http://example.com/api', true);

// 设置请求头（如果需要）
xhr.setRequestHeader('Content-Type', 'application/json');

// 设置请求完成后的回调函数
xhr.onload = function () {
  if (xhr.status === 200) {
    // 请求成功，处理返回的数据
    console.log(xhr.responseText);
  } else {
    // 请求失败，处理错误信息
    console.log('Error:', xhr.status);
  }
};

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

使用 fetch：

// 发出 GET 请求
fetch('http://example.com/api')
  .then(function (response) {
    if (response.ok) {
      // 请求成功，处理返回的数据
      return response.text();
    } else {
      // 请求失败，抛出一个错误
      throw new Error('Error: ' + response.status);
    }
  })
  .then(function (data) {
    console.log(data);
  })
  .catch(function (error) {
    console.log(error);
  });

这些代码示例可以向 'http://example.com/api' 发出一个简单的 GET 请求，并在控制台输出返回的数据。您可以根据自己的需求进行修改和扩展。