JavaScript HTTP 请求：使用 fetch 函数发送 GET 和 POST 请求

使用 JavaScript 发送 HTTP 请求，您可以使用内置的浏览器 API 或第三方库。这里以使用内置的 fetch 函数为例，它是现代浏览器的标准 API 之一。

下面是一个基本的示例，展示如何使用 JavaScript 和 fetch 函数发送 GET 请求：

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    console.log(data); // 处理响应数据
  })
  .catch(error => {
    console.error('请求出错:', error);
  });

上述代码中，我们向https://api.example.com/data 发出 GET 请求，并在成功响应后使用response.json() 方法将响应数据解析为 JSON 格式。然后，我们可以在.then() 回调函数中处理这些数据。如果请求失败，将在.catch() 回调函数中捕获错误并进行处理。

如果您需要发送 POST 请求或带有请求头或参数的其他类型的请求，您可以在 fetch 函数调用中提供适当的选项。例如，下面是一个发送带有 JSON 数据的 POST 请求的示例：

const data = { name: 'John', age: 30 };

fetch('https://api.example.com/user', {
  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);
  });

在上述示例中，我们通过将method 选项设置为POST 来指定请求的类型，设置headers 选项以指定请求头，然后使用JSON.stringify() 方法将数据转换为 JSON 字符串，并通过body 选项发送请求数据。

请注意，fetch 函数返回一个 Promise，因此我们使用.then() 和.catch() 来处理异步操作的结果。

这只是使用 JavaScript 发送 HTTP 请求的基本示例，您可以根据您的具体需求进行更多定制和调整。