JavaScript HTTP 请求：使用 Fetch API 发送 GET 和 POST 请求

在 JavaScript 中，fetch 函数是发送 HTTP 请求的常用方法。它提供了一种简洁而强大的方式来与服务器进行交互。以下是如何使用 fetch 函数发送 GET 和 POST 请求的示例：

发送 GET 请求

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

上述代码将发送一个 GET 请求到 https://api.example.com/data，并接收响应数据。然后，通过 .json() 将响应转换为 JavaScript 对象，最后将数据打印到控制台。

发送 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);
  });

上述代码将发送一个带有 JSON 数据的 POST 请求到 https://api.example.com/data。

解释

• fetch() 函数接收一个 URL 作为参数，并返回一个 Promise 对象。
• .then() 方法用于处理响应。在第一个 .then() 中，您可以使用 response.json() 将响应转换为 JSON 数据。
• 第二个 .then() 方法用于处理 JSON 数据。
• .catch() 方法用于处理错误。

重要提示

• 以上示例代码中的 URL 和数据只是示意，您需要根据您的实际情况进行修改。
• 确保您的服务器接受来自您应用程序的请求。
• 了解安全问题，例如跨域请求。

了解更多

• MDN Fetch API 文档
• JavaScript 教程