在 fetch api 中使用 FormData() 无效

Question

我通读了一遍，但找不到答案。

当我使用 FormData() 时，它 returns 状态 404 错误请求。

但是，如果我像在 const requestBody（下面的示例）中那样传递数据（硬编码），它会完美地工作。

这是我的代码：

    var formData = new FormData();
    formData.append("nickname", "johxns");
    formData.append("password", "john_password");
    formData.append("email", "john@server.com");

    // If I do it this way, and assign this to body inside fetch, it works perfectly
    // const requestBody = '{"nickname": "johxns","password":"john_password","email":"john@server.com"}';

    fetch("http://localhost:5000/create_user", {
        // if instead of formData, I assign requestBody to body, it works!
        body: formData,
        headers: {
            "Content-Type": "application/json"
        },
        method: "POST"
    }).then(function(response) {
        return response.text();
    }).then(function(data){
        console.log('data', data);
    }).catch(function(err){
        console.err(err);
    });

我已经尝试使用 URLSearchParams，但仍然无法正常工作。

谢谢。

Answer 1

如果您不发送 json，则不应将 Content-Type header 设置为 application/json。根据 this 的回答，你不需要设置 Content-Type header.

body data type must match "Content-Type" header

Using Fetch

Answer 2

如果将 Content-Type 设置为 application/json，则应发送 json 数据；如果使用 FormData API，则应不设置任何 Content-Type，因为获取功能能够确定正确的 Content-Type.

有关详细信息，请参阅 here。

在 fetch api 中使用 FormData() 无效

Using FormData() inside fetch api is not working

javascript

form-data

fetch