JavaScript HTTP 请求：XMLHttpRequest 和 Fetch API 教程

在 JavaScript 中，你可以使用内置的 XMLHttpRequest 对象或使用现代的 fetch API 来发出 HTTP 请求。以下是两种方式的示例：

使用 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) {
    // 请求成功，处理响应数据
    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();
    } else {
      throw new Error('请求失败：' + response.status);
    }
  })
  .then(function(data) {
    console.log(data);
  })
  .catch(function(error) {
    console.log(error);
  });

以上代码展示了如何使用 JavaScript 发出简单的 GET 请求。为了更全面地了解 HTTP 请求的各种用法和配置选项（如 POST 请求、请求头设置等），你可以查阅相关的文档或教程。