JavaScript HTTP 请求: XMLHttpRequest 和 Fetch API 指南

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

使用 XMLHttpRequest 对象：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
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')
  .then(function(response) {
    if (response.ok) {
      return response.json();
    } else {
      throw new Error('Error: ' + response.status);
    }
  })
  .then(function(data) {
    console.log(data);
  })
  .catch(function(error) {
    console.log(error);
  });

这些代码示例展示了如何发出一个简单的 GET 请求，并在获取响应后处理数据或错误。