JavaScript HTTP 请求: XMLHttpRequest 和 Fetch API

这篇文章将指导您如何在 JavaScript 中发出 HTTP 请求，涵盖使用内置的 XMLHttpRequest 对象和 Fetch API 两种方法。

使用 XMLHttpRequest 对象

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    const response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
xhr.send();

使用 Fetch API

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

以上示例演示了如何发送 GET 请求并处理响应。您可以将 URL 替换为您想要请求的实际 API 地址，并根据需要使用 GET、POST 或其他 HTTP 方法。此外，您还可以添加请求头、请求体等。

请注意，这只是一个简单的示例，实际情况中可能需要处理错误、处理异步请求等。有关更多详细信息和用法示例，请参考 JavaScript 的 XMLHttpRequest 或 Fetch API 的文档。