Question

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

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

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

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) {

通用/动态JQuery表单提交

2 个答案: