JS | fetch发送post请求

在使用 fetch API 发送 POST 请求时，通常需要指定请求的方法为 "POST"，并且通过 body 参数传递要发送的数据。

示例代码

下面是一个简单的示例，演示如何使用 fetch API 发送 POST 请求：

const url = '/api/endpoint'; // 替换为你的后端接口 URL
const requestData = {
    mmsi: 209838000,
    startTime: '2024-07-10 12:00:00',
    endTime: '2024-07-10 18:00:00'
};

fetch(url, {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json' // 根据实际情况设置请求头
    },
    body: JSON.stringify(requestData) // 将数据转换为 JSON 字符串
})
.then(response => response.json())
.then(data => {
    console.log('Response:', data); // 输出响应数据
})
.catch(error => {
    console.error('Error:', error); // 捕获和处理异常
});

解释

1. URL 设置：将 url 变量设置为你要发送 POST 请求的后端接口 URL。

2. 请求方法和选项：

   • method: 'POST' 表示使用 POST 方法发送请求。
   • headers 设置了请求头，通常根据后端要求设置合适的 Content-Type，如 application/json。
   • body 包含了要发送的数据，这里使用 JSON.stringify() 将 requestData 对象转换为 JSON 字符串。

3. 处理响应：

   • 使用 then() 方法处理成功的响应，response.json() 将响应数据解析为 JSON 格式。
   • 使用 catch() 方法捕获和处理请求过程中的错误。

这样，就可以使用 fetch API 在浏览器中发送 POST 请求，并处理后端返回的数据。