@testtoster

Как сделать чтобы после отправки посетитель оставался на текущей странице?

Есть форма. Как сделать чтобы после отправки посетитель оставался на текущей странице?

<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));
});
  • Вопрос задан
  • 105 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы