0

htmlには2つのフォームがあります。

<form id="form1" action="update.php" method="post">
<input type="text" name="username1">
</form>

<form id="form2" action="update.php" method="post">
<input type="text" name="username2">
</form>

<button type="button" onclick="submitTwoForms();">Send</button>

次に、jQuery Form Pluginを使用して、これら2つのフォームを「update.php」という名前の1つのphpページに送信します。このようなJavascript：

function submitTwoForms() {
         $('#form1, #form2').ajaxSubmit();
}

問題は、update.phpがform1、つまりusername1からのみデータを取得できることです。update.phpはform1とform2から同時にデータを取得するにはどうすればよいですか？

このような私のupdate.php：

<?php
$user1 = $_POST['username1'];
$user2 = $_POST['username2'];
?>

そして私はこれらを維持したい：

  1. ファイルのアップロードを処理できるajaxSubmit（）関数を使用したいと思います。
  2. 1つではなく2つのフォームをhtmlに保持したいと思います。

事前に助けてくれてありがとう！

4

1 に答える 1

0

jQuery Form Pluginを使用して、この Method1のようにすることができます

 $(document).ready(function() { 
        $('#form1, #form2').ajaxForm(function() { 
            // optionally do stuff here after forms submitted
        });

        $('#submit').click(function() {
            $('#form1, #form2').ajaxSubmit();
            return false; 
        });
    });

方法2：ここで このデモを試してください：

$(document).ready(function() {
    $("#submit").click(function() {
        $.post($("#form1").attr("action"), $("#form1").serialize(),
          function() {
            $.post($("#form2").attr("action"), $("#form2").serialize(),
              function() {
                alert('Both forms submitted');
              });
          });
      });
  });
于 2013-02-26T10:38:57.473 に答える