JavaScript高级 XHR - Fetch

// 使用fetch发送GET请求
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:', error));
 
// 使用fetch发送POST请求
fetch('https://api.example.com/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ key: 'value' })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));

这段代码展示了如何使用Fetch API来发送GET和POST请求。首先，我们设置了请求的方法和需要发送的头部信息。然后，我们通过.then()处理响应，将其转换为JSON格式，并在成功获取数据后打印出来。如果在请求过程中出现错误，我们通过.catch()捕获错误并打印。这是现代JavaScript中处理HTTP请求的推荐方式。