js浏览器请求，post请求中的参数形式和form-data提交数据时数据格式问题（2024-05-06）

在JavaScript中，可以使用fetch API来发送POST请求，并且可以设置请求体的数据类型为FormData。以下是一个示例代码：

// 创建一个FormData对象
const formData = new FormData();
 
// 添加表单数据
formData.append('key1', 'value1');
formData.append('key2', 'value2');
 
// 发送POST请求
fetch('https://example.com/api/endpoint', {
  method: 'POST',
  body: formData,
  // 设置请求头，告知服务器内容类型为表单数据
  headers: {
    'Content-Type': 'multipart/form-data',
  },
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));

在这个例子中，我们创建了一个FormData对象，并且向其中添加了一些键值对数据。然后，我们使用fetch函数发送了一个POST请求，其中的body属性设置为我们的formData对象。同时，我们设置了请求头Content-Type为'multipart/form-data'，这告诉服务器我们正在发送的是multipart/form-data类型的数据。

请注意，如果你的服务器期望的是application/x-www-form-urlencoded格式的数据，你需要设置Content-Type为'application/x-www-form-urlencoded'，并且需要转换formData为查询字符串形式。