js fetch post工作正常，但php为空[重复]

Question

我有这个取法

loginbutton.onclick = (e)=> {
    e.preventDefault();
    var creds = {
        login: login.value,
        pass: pass.value
    }
    
    fetch('functions/asklogin.php', {
        method: "POST",
        header: {"Content-type": "application/json; charset=UTF-8"},
        body: JSON.stringify(creds)
    })
    .then(resp => resp.text())
    .then(data => console.log(data));
}

当我点击时，我的xhr身体已经吃饱了：

但是，如果我尝试从asklogin.php中回显这些参数

echo "no".$_POST['pass'].":".$_POST['login'];

我得到的只是否：

谢谢你的帮助

Answer 1

$_POST在PHP将识别唯一的表单数据（应用程序/x-wow-form-urlencoded或Multipart/form-data）与指定的内容类型头。

对于任何其他内容类型，您都需要使用php://input读取和解析数据。

对于您的情况，更改通过fetch发送的数据应该可以解决问题。

...
fetch('functions/asklogin.php', {
    method: "POST",
    header: {"Content-type": "application/x-www-form-urlencoded; charset=UTF-8"},
    body: Object.entries(creds).map(([k,v])=>{return k+'='+v}).join('&') // in jQuery simply use $.param(creds) instead
})
...

另一种解决方案是改变PHP端读取数据的方式

...
if( is_empty($_POST) ){ $_POST = json_decode(file_get_contents('php://input', true)) }
...