JavaScript 发起 HTTP 请求：使用 fetch 函数

使用 JavaScript 发起 HTTP 请求的方式有多种，其中最常用的是内置的 fetch 函数。以下是一个使用 fetch 函数发起 POST 请求的示例：

fetch('https://api.example.com/data', {
  method: 'POST', // 或 'GET', 'PUT', 'DELETE' 等
  headers: {
    'Content-Type': 'application/json', // 请求的内容类型
    // 如果需要身份验证，可以添加授权头部
    'Authorization': 'Bearer token123'
  },
  body: JSON.stringify({ key: 'value' }) // 请求的数据，需要转换为字符串格式
})
.then(response => response.json()) // 解析响应的 JSON 数据
.then(data => {
  console.log(data); // 处理响应的数据
})
.catch(error => {
  console.log('请求出错:', error); // 处理错误
});

以上示例中，我们使用了 fetch 函数发起了一个 POST 请求，请求的 URL 是 https://api.example.com/data。我们设置了请求头部的 Content-Type 为 application/json，并且通过 Authorization 头部提供了身份验证的令牌。请求的主体部分被转换为 JSON 字符串格式，并且作为请求的有效载荷（body）发送。

在 fetch 函数调用之后，我们使用了 Promise 的 .then() 方法来处理响应的数据。在示例中，我们假设服务器返回的是一个 JSON 响应，所以我们使用 .json() 方法解析响应数据。然后，我们可以在第二个 .then() 中访问解析后的数据，并进行相应的处理。如果发生错误，我们使用 .catch() 方法捕获并处理异常。

请注意，此示例只是一种常见的使用 fetch 函数的方式。在实际开发中，你可能需要根据具体的需求和 API 文档进行适当的调整。

希望这个示例能够帮助你使用 JavaScript 发起 HTTP 请求。如果你还有其他问题，请随时提问！