Я пытаюсь понять, как устанавливается переменная $_POST при отправке данных формы. Я понял, что для установки любой переменной внутри $_POST я должен использовать метод post, и все элементы формы должны иметь установленный атрибут имени. Это работает с другим типом ввода, но не с типом ввода submit.
Код интерфейса.
Username:
Password:
document.getElementById('loginForm').addEventListener('submit', function(event) {
event.preventDefault(); // Prevent the form from actually submitting
console.log("catching event")
// Create a FormData object from the form
const formData = new FormData(this);
// Optionally, you can send the form data using fetch
fetch('login.php', {
method: 'POST',
body: formData // Send the FormData object
})
.then(response => response.text()) // Assume server responds with text
.then(data => {
console.log('Server Response:', data);
})
.catch(error => {
console.error('Error:', error);
});
});
Я пытаюсь понять, как устанавливается переменная $_POST при отправке данных формы. Я понял, что для установки любой переменной внутри $_POST я должен использовать метод post, и все элементы формы должны иметь установленный атрибут имени. Это работает с другим типом ввода, но не с типом ввода submit. Код интерфейса. [code] Username:
Password:
document.getElementById('loginForm').addEventListener('submit', function(event) { event.preventDefault(); // Prevent the form from actually submitting console.log("catching event") // Create a FormData object from the form const formData = new FormData(this);
// Optionally, you can send the form data using fetch fetch('login.php', { method: 'POST', body: formData // Send the FormData object }) .then(response => response.text()) // Assume server responds with text .then(data => { console.log('Server Response:', data); }) .catch(error => { console.error('Error:', error); }); });
[/code] Код на стороне сервера: [code] [/code] Вывод ниже. [img]https://i.sstatic.net/UD5yKTyE.png[/img]