jquery - 通用/动态 JQuery 表单提交

Question

我有以下代码通过 jQuery 提交表单并获取它的返回（Json），处理它并做一些其他的事情。它工作得很好。

$(function() {
   $('#update_marker').submit(function(e) {
    e.preventDefault();
    $.post($("#update_marker").attr("action"), $("#update_marker").serialize(), function(data) {

我想知道是否有一种方法可以处理许多不同的表单，而无需为每个表单 ID 创建此块。有没有办法让#update_marker 在代码中表示的id 是动态的（例如包装函数中的参数），所以我的所有表单都只有这一个代码块？

Answer 1

如果您想对它们执行相同的操作，为什么不使用

$(function() {
       $('form').submit(function(e) {
        e.preventDefault();
        $.post($(this).attr("action"), $(this).serialize(), function(data) {...}
    });
});

Answer 2

可以像将#update_marker 换成表格一样简单吗？

$(function() {
    $('form').submit(function(e) {
        e.preventDefault();
        $.post($(this).attr("action"), $(this).serialize(), function(data) {

这将挂钩页面上的每个表单元素。如果您希望它只发生在某些表单上，请向它们添加一个 class="specialform" ，然后执行类似的操作

$(function() {
    $('.specialform').submit(function(e) {
        e.preventDefault();
        $.post($(this).attr("action"), $(this).serialize(), function(data) {