Question

我有两种形式，我想在表中插入数据，其中一半表包含form1数据，表的其余部分包含form2数据。现在它在db表中插入两次。在第一行中，它插入form1和第二行，它插入form2。我想要他们在一排。我怎么用jquery做这个东西。

这是我的jquery：

    $("#ac_form_submit").click(function() {
      $.post($("#ac_form_1").attr("action"), $("#ac_form_1").serialize(),
       function () {
        alert('Form 1 submitted');
     });

     $.post($("#ac_form_2").attr("action"), $("#ac_form_2").serialize(),
       function () {
        alert('Form 2 submitted');
     });
   })

Answer 1

现在它已经解决了!! ：）

    $('#ac_form_2').on('submit',function(e) {
    e.preventDefault();
    var form1Data = $('#ac_form_1');
    var form2Data = $('#ac_form_2');
    var action = $("#ac_form_1").attr("action");
    var data = (form1Data.add(form2Data).serialize());
    $.post(action, data, function () {
     alert('Form 1 and 2 submitted');
    });
    return false;
    });

Answer 2

如果您使用<fieldsetd>将两个部分从同一表单中分离出来会更好。

如果要提交两个不同的表单以在POST中发送查询字符串

$("#ac_form_submit").click(function() {
  var ac_form_1 = $("#ac_form_1").serialize();
  var ac_form_2 = $("#ac_form_1").serialize();
  var data = [ac_form_1, ac_form_2].join('&');
  var action = $("#ac_form_1").attr("action");

  $.post(action, data,
   function () {
    alert('Form 1 and 2 submitted');
  });

});

在这种情况下，data是两个查询字符串的联合，即：

ac_form_1 = 'a=1&b=2'
ac_form_2 = 'c=3&d=4'
data = 'a=1&b=2&c=3&d=4'

如何使用jquery将数据从两个表单插入到表中

2 个答案: