如何使用fetchAPI发送发布请求

时间:2020-08-04 11:17:59

标签: javascript php ajax xmlhttprequest fetch-api

我在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';

?>

1 个答案:

答案 0 :(得分:1)

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