JavaScript 发出 HTTP 请求：fetch 和 XMLHttpRequest 详解

使用 JavaScript 发出 HTTP 请求可以使用内置的 'fetch' 函数或者更底层的 'XMLHttpRequest' 对象。下面是使用这两种方法之一的示例：

使用 'fetch' 函数：

fetch('https://api.example.com/data', {
  method: 'GET', // 或者 'POST', 'PUT', 'DELETE'等
  headers: {
    'Content-Type': 'application/json', // 如果有需要的话，可以设置请求头
  },
  // 可选的请求体
  body: JSON.stringify({ key: 'value' }),
})
  .then(response => response.json())
  .then(data => {
    // 处理响应数据
    console.log(data);
  })
  .catch(error => {
    // 处理请求错误
    console.error('发生错误:', error);
  });

使用 'XMLHttpRequest' 对象：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data');
xhr.setRequestHeader('Content-Type', 'application/json'); // 如果有需要的话，可以设置请求头

xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      const data = JSON.parse(xhr.responseText);
      // 处理响应数据
      console.log(data);
    } else {
      // 处理请求错误
      console.error('发生错误:', xhr.status);
    }
  }
};

// 可选的请求体
xhr.send(JSON.stringify({ key: 'value' }));

这些代码示例可以帮助你使用 JavaScript 发出 HTTP 请求。根据你的需求，你可以根据具体情况进行调整和扩展。