Mesuti
@Mesuti

Как может выглядеть Ajax отправка формы без jQuery?

Привет!
Есть типовой скрипт отправки писем на jQuery
$(document).ready(function() {
            
            // Берем все формы со страницы
            $("form").submit(function() {
                var th = $(this);
                $.ajax({
                    type: "POST",
                    url: "mail.php",
                    data: th.serialize()
                }).done(function() {
                    
                    // Если все успешно
                    alert("Thank you!");
                });
                return false;
            });
        });

Чтобы не быть привязанным к версии или наличию библиотеки jQuery, как можно написать такой же Ajax на чистом JavaScript?
С возможностью оповещения об успешной отправке письма.
  • Вопрос задан
  • 1482 просмотра
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
let form = document.querySelector('form')
form.addEventListener('submit', submitHandler)
function submitHandler(){
  fetch("mail.php", {
    method: "POST",
    body: new FormData(form)
  })
  .then(response => response.json())
  .then(function(json) { /* process your JSON further */ })
  .catch(function(error) { console.log(error); });
})

Отсюда: https://developer.mozilla.org/ru/docs/Web/API/Fetc...
Ответ написан
Ваш ответ на вопрос

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

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