JavaScript 发起 HTTP 请求：XMLHttpRequest & Fetch API

使用 JavaScript 发起 HTTP 请求可以通过内置的 'XMLHttpRequest' 对象或者使用现代方式的 'fetch' 函数来实现。以下是两种方法的示例:

使用 XMLHttpRequest 对象:

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

// 设置请求方法和 URL
xhr.open('GET', 'https://api.example.com/data', true);  // 这里是一个 GET 请求示例

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

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

// 监听请求状态的变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，处理响应数据
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};

使用 fetch 函数:

// 发起 GET 请求
fetch('https://api.example.com/data')
  .then(function(response) {
    if (response.ok) {
      return response.json(); // 将响应数据解析为 JSON 格式
    }
    throw new Error('请求失败');
  })
  .then(function(data) {
    // 处理响应数据
    console.log(data);
  })
  .catch(function(error) {
    // 处理错误
    console.error(error);
  });

请注意，以上示例都是基于浏览器环境中的 JavaScript 代码。如果你在服务器端 (Node.js) 使用 JavaScript，则可以使用 'http' 或 'axios' 等库来发出 HTTP 请求。