Как сделать отправку формы?

Как сделать отправку формы, которая располагается в popup окне, которого изначально нет в DOM?
Есть скрипт обработки для отправки заявки (ниже), но т.к. модального окна изначально нет в DOM (и появляется оно только при открытие,) то соответственно форму, которая в нём мы обработать никак не можем и скрипт не срабатывает. Если данный код засунуть в функцию открытие модального окна, то заявка будет отправляться столько раз, сколько открыть модальное окно. Как быть?
$(document).ready(function(){
    $('form').submit(function(e){
        e.preventDefault();
        let form =  $(this).closest('form');
        let formActionUrl = form.attr('action');
        let type = form.attr('method');
        let formData = form.serialize();
        $.ajax({
            url: formActionUrl,
            type: type,
            data: formData,
            success: function(response){
                console.log(response);
            },
            error: function (xhr, ajaxOptions, thrownError) {
                console.log(xhr.status);
                console.log(thrownError);
            }
        });
    });
    return false;
});
  • Вопрос задан
  • 42 просмотра
Решения вопроса 1
UnluckySerivelha
@UnluckySerivelha
$('body').on('submit', 'form', function() { ... });

https://webref.ru/dev/jqfundamentals/events - раздел "Делегирование событий"
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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