JavaScript发送HTTP请求完全指南：GET和POST示例

你可以使用JavaScript内置的fetch()函数轻松发送HTTP请求。以下是如何使用JavaScript发送GET和POST请求的示例：

发送GET请求

以下代码演示了如何使用JavaScript发送GET请求到'https://api.example.com/data'：

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    // 处理返回的数据
    console.log(data);
  })
  .catch(error => {
    // 处理错误
    console.error('发生错误:', error);
  });

这段代码使用fetch()函数发送GET请求，然后使用.then()处理返回的响应数据。在本例中，我们假设响应为JSON格式，因此使用.json()方法将其解析为JSON对象。你可以根据API和需求进行相应的处理。

发送POST请求

要发送POST请求，可以在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);
  });

这段代码将发送POST请求到'https://api.example.com/data'，并使用JSON.stringify()将JavaScript对象转换为JSON字符串作为请求体发送。

需要注意

这些只是使用JavaScript发送HTTP请求的基本示例。根据具体需求，你可能需要进行更多配置和处理，例如设置请求头、处理不同的响应状态码等。