如何在发送表单前选择带jQuery的表单ID

Question

我的页面上有几种不同的表单，其ID为不同的ID。每个表单都有一个提交按钮，应单独处理。

所以，如果我指定表单ID下面的代码工作正常，因为我有x数量的事先不知道的形式，我需要使这个脚本更一般。

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

我能够得到下面的scrpt的表单id，但我不知道如何结合上面的脚本。

$("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()); 
    } 
    }); 
});