JavaScript 发出 HTTP 请求：GET 和 POST 示例

使用 JavaScript 发出 HTTP 请求可以使用内置的 Web API — fetch() 函数。以下是一个示例代码，展示如何使用 JavaScript 发送 GET 和 POST 请求：

发送 GET 请求：

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

发送 POST 请求：

const data = { username: 'John', password: 'secret' };

fetch('https://api.example.com/login', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data),
})
  .then(response => response.json())
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error(error);
  });

在上述示例中，fetch() 函数用于发送 HTTP 请求。对于 GET 请求，我们只需要提供目标 URL；对于 POST 请求，我们还需要指定请求的方法（'POST'）、请求头部的内容类型（'Content-Type: application/json'），以及请求体数据（通过 JSON.stringify() 将 JavaScript 对象转换为 JSON 字符串）。

请注意，上述示例中的 fetch() 返回一个 Promise，我们可以使用 .then() 来处理请求成功后的响应，使用 .catch() 来处理请求失败的情况。