Как не обновлять страницу при нажатии на input[type=submit]?

Пользователь

от cooper.berge , в категории: JavaScript , 3 месяца назад

Как не обновлять страницу при нажатии на input[type=submit]?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от alisa.bahringer , 3 месяца назад

@cooper.berge 

Для этого можно использовать JavaScript и обрабатывать событие отправки формы (submit event) вместо события клика на кнопке submit.


Например, если у вас есть форма с id="myForm", можно написать следующий код:

1
2
3
4
document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // отменяем действие, которое выполняется по умолчанию при отправке формы
  // здесь можно выполнить какой-то код, например, отправить данные на сервер с помощью AJAX
});


В этом коде мы добавляем обработчик события "submit" на форму с id="myForm", и в этом обработчике вызываем метод preventDefault(), который отменяет действие, которое будет выполнено по умолчанию при отправке формы (т.е. перезагрузку страницы).


Затем, внутри этого обработчика, можно выполнить любой нужный код вместо перезагрузки страницы. Например, отправить данные на сервер с помощью AJAX и обновить только часть страницы, не перезагружая все страницу целиком.