带有HTTP PUT的JavaScript Fetch（）不向PHP服务器发送FormData

Question

我正在使用PHP rest API将数据从JS客户机发布到PHP8服务器。我正在使用JSfetch()方法。当使用post时，formdata被发送到PHP的全局$_post中，但是由于我需要更新数据，我不得不使用put。不知何故，Google Chrome没有将格式数据发送到服务器，我也不知道为什么。有人知道原因吗？

JS:

const formData = new FormData();
formData.append('title', 'Hello world');

const options = {
    method: 'PUT',
    body: JSON.stringify(formData);
    cache: 'no-cache',
    mode: 'cors',
    credentials: 'same-origin',
    redirect: 'follow',
    referrer: 'no-referrer',
    
    // Not working either
    // headers: {
    //     'Content-Type': 'application/json; charset=UTF-8;'
    // },
};

fetch('/some/api/v1', options);

PHP 8 server:

var_dump($_REQUEST); // NULL

Answer 1

问题不在客户端，而在服务器端。Firefox和Chrome都将数据序列化，并使用以下代码发送：

document.getElementById('myForm').addEventListener('submit', function(e){
            e.preventDefault();
            let fd = new FormData(this);
            fetch('test.php', {method:'PUT', body:fd})
            .then(function(response){
                response.text().then(function(txt){console.log("Response:"+txt);});
            });
        });

问题是PHP对put的支持，它不会自动为您解包数据。您可以从stdin流中获取它。

/* PUT data comes in on the stdin stream */
$putdata = fopen("php://input", "r");
while ($data = fread($putdata, 1024)) {
    echo $data;
}

答复：

-----------------------------256278305409917102757952731 
Content-Disposition: form-data; 
name="myText" ffsssssdd 
-----------------------------256278305409917102757952731-- 

如果希望将表单数据作为JSON对象发送,可以使用以下方法：

const serialize_form = form => JSON.stringify(
    Array.from(new FormData(form).entries())
        .reduce((m, [ key, value ]) => Object.assign(m, { [key]: value }), {})
        );
           
const json = serialize_form(this);
fetch('test.php', {method:'PUT', body:json, headers:{'content-type':'application/json'}})
    .then(function(response){
         response.text().then(function(txt){console.log("Response:"+txt);});
                });

答复：

{"myText":"ghfghfghfg"}

取自此答案的serialize_form函数

请参阅PHP参考