javascript - 如何使用 fetchAPI 发送发布请求

Question

我在 index.html 中有一个简单的 'username' ， 'password' 表单，问题是我想向 'login.php' 发送一个帖子请求（目前只回显 'hello' ），但所有示例都是关于我发现的 fetchAPI 与 JSON 有关。在我的一个项目中，我想将用户名发布到“usercheck.php”之类的内容并检查可用的用户名并使用 fetchAPI 写入“此用户名可用”“...不可用”。我可能缺少语法...
所以问题是我不断收到405（不允许的方法）

main.js

const myForm = document.querySelector('#myForm');

myForm.addEventListener('submit', (e) => {

e.preventDefault();

const username = document.querySelector('#inp_username').value;
//const password = document.querySelector('#inp_password').value;

fetch('login.php' , {
    method: 'POST', 
    body: {username: username}
})
.then((res) => res.text())
.then((data) => {
    console.log(data);

})
})

和我的 login.php

<?php

echo 'hello';

?>

标签： javascriptphpajaxxmlhttprequestfetch-api

Answer 1

您的后端不允许您使用 POST。确保在您的后端有一条允许 POST 的路由。