это мой javascript и html файл
const theform = document.getElementById('theform');
theform.addEventListener("submit", (e) => {
e.preventDefault();
const request = new XMLHttpRequest();
request.open("POST", "login.php");
request.onload = function() {
console.log(request.responseText);
}
request.send(new FormData(theform));
})
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<form id="theform">
<label for="username"></label>
<input type="text" name="username" id="username"><br>
<label for="password"></label>
<input type="password" name="password" id="pw"><br>
<button class="btn btn-primary" type="submit" id="submitbutton">Submit</button>
</form>
<script type="text/javascript" src="script.js">
</script>
</body>
</html>
Также у меня есть еще один файл PHP с именем ("login. php"), который должен содержать данные, введенные из формы
I У меня есть пара вопросов о том, как работает этот код.
Что делают XMLHttpRequest и onload?
Насколько я понимаю, выгрузка означает получение данных из логина. php, но почему это происходит раньше? команда request.send?
И кажется, что код не работает должным образом, он продолжает показывать сообщение об ошибке («Не удалось загрузить ресурс: сервер ответил со статусом 405 (метод не разрешен)» )
Я надеюсь, что кто-нибудь может помочь мне ответить на некоторые вопросы, спасибо.