как выбрать форму id с jquery перед отправкой формы

Question

У меня есть несколько форм на моей странице с разными идентификаторами. Каждая форма имеет кнопку отправки и должна обрабатываться отдельно.

Таким образом, если я укажу идентификатор формы, код ниже работает нормально, так как у меня есть количество форм, которые заранее не известны, мне нужно сделать этот сценарий более общим.

$(function() { 
    $('#form1').on('submit', function() { 
    $.ajax({ 
     type: 'post', 
     url: 'post.php', 
     dataType: 'json', 
     data: $('#form1').serialize(), 
     success: function() { 
     console.log($('#form1').serialize()); 
     } 
    }); 
    }); 
}); 

Я могу получить идентификатор формы с помощью скрипта ниже, но я не могу понять, как сочетаться со сценарием выше.

$("form").submit(function() { 
    var myId = this.id; 
    alert(myId); 
}); 

Answer 1

Вы должны хранить ссылку на this, так что вы можете получить доступ к form элементу, который инициировал submit события в функции обратного вызова:

$('form').on('submit', function() { 
    var self = this; 

    $.ajax({ 
    type: 'post', 
    url: 'post.php', 
    dataType: 'json', 
    data: $(self).serialize(), 
    success: function() { 
     console.log($(self).serialize()); 
    } 
    }); 
});