JavaScript HTTP 请求方法：XMLHttpRequest 和 fetch

使用 JavaScript 发出 HTTP 请求有多种方法，以下是使用 XMLHttpRequest 和 fetch 两种常见的方法：

使用 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：

fetch('https://api.example.com/data', {
  method: 'GET',
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => response.json())
.then(data => {
  // 请求成功，可以处理响应数据
  console.log(data);
})
.catch(error => {
  // 处理错误
  console.error(error);
});

以上是两种常见的方法，你可以根据需要选择其中一种来发送 HTTP 请求。