Есть форма. Как сделать чтобы после отправки посетитель оставался на текущей странице?
<form class="my-form" id="myForm" method="post" action="send.php">
<p>
Ваше имя:
<input type="text" name="name" placeholder="Введите ФИО" class="form__input form__bottom" required="">
</p>
<p>
Ваш email:
<input type="text" placeholder="Ваше email" name="email" required>
</p>
<button type="submit">Отправить</button>
</form>
let form = document.querySelector('myForm');
form.addEventListener('submit', function(e){
e.preventDefault();
let formData = {
name: document.querySelector('input[name="name"]').value,
email: document.querySelector('input[name="mail"]').value,
};
let request = new XMLHttpRequest();
request.addEventListener('load', function() {
alert('Ваша заявка отправлена');
form.innerHTML = '<h2>Спасибо за вашу заявку</h2>'
});
request.open('POST', 'app/mail.php', true);
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
request.send('name=' + encodeURIComponent(formData.name) + '&email=' + encodeURIComponent(formData.email));
});
