2

ワンクリックで2つのフォームを送信するにはどうすればよいですか？私のWebページには2つのフォームがあります。1つは表示され、送信ボタンがあります。そしてもう一方は隠されています。次のように：

<form id="form1" action="/url1" method="post">
  ...
  <input type="submit" value="Submit">
</form>

<!-- Hidden form -->
<form id="form2" action="/url2" method="post">
  <input type="hidden" ...>
  <input type="hidden" ...>
  ...
</form>

最初のフォームのボタンをクリックするだけで両方を送信するにはどうすればよいですか？

4

1 に答える 1

1

jQueryまたはプレーンな古いJavaScriptを使用する必要があります。実例は次のとおりです。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#submitButton").click(function () {
                $.post($("#form1").attr("action"), $("#form1").serialize(),
                  function () {
                      alert('Form 1 submitted');
                  });

                $.post($("#form2").attr("action"), $("#form1").serialize(),
                  function () {
                      alert('Form 2 submitted');
                  });
            });
        });
    </script>
</head>
<body>
    <form id="form1" action="PostPage1.aspx" method="post">
        <input type="button" id="submitButton" value="Submit" />
    </form>

    <!-- Hidden form -->
    <form id="form2" action="PostPage2.aspx" method="post">
        <input type="hidden" id="data1" value="testing1" />
        <input type="hidden" id="data2" value="testing2" />
    </form>
</body>
</html>
于 2013-03-02T08:45:57.350 に答える