如何对单个提交FORM执行多个提交操作

Question

我有三个表单，带有不同的url操作，输入文本字段名和输入提交字段名。我想要一个可见的OPTIN表格，只用于输入用户的电子邮件地址，当用户提交表格时，它将获得相同的电子邮件地址并在后台发送到我的其他3个表格。我知道它会做一些jquery和ajax，你能给我展示一下如何做的示例代码吗？

我的代码：

此代码将可见，这是用户将其电子邮件地址放入的唯一表单

    <!--VISIBLE FORM -->
<form action="" method="post">
    <input type="text" name="email" placeholder="email" />
    <br />
    <input type="submit" value="GET FREE QOUTE" name="submit" />
</form>
<!--VISIBLE FORM -->

该区域将在后台处理3个表单和不同的操作我想在可见的表单上获得电子邮件地址，放在后台的每个电子邮件字段上，并在后台单独提交。我真的需要你们的帮助。提前感谢。抱歉英语不好：）

    <!--BACKGROUND FORM-->
<form action="pretong_newsletter.html" method="post">
    <input type="text" name="newsletter_email" placeholder="email" />
    <br />
    <input type="submit" value="Register" name="Register" />
</form>
<form action="jason_newsletter.html" method="post">
    <input type="text" name="n_email" />
    <br />
    <input type="submit" value="Get Free Qoutes" name="Submit" />
</form> 
<form action="register.html" method="post">
    <input type="text" name="user_email" />
    <br />
    <input type="submit" value="Be a Member" name="Submit" />
</form> 
<!--BACKGROUND FORM-->

Answer 1

您不必在页面上有一个物理表单就可以提交到这些端点。使用jQuery post()函数单击提交按钮时发布数据。

---

http://api.jquery.com/jQuery.post/

---

<input id="email" type="text" name="email" placeholder="email" />
<br />
<input id="blast" type="button" value="GET FREE QOUTE" name="submit" />

---

发布为json:

<script type="text/javascript">
    $(function(){
        $("#blast").click(function(){
            var email = $("#email").val();
            $.post("pretong_newsletter.html", { newsletter_email: email });
            $.post("jason_newsletter.html", { n_email: email });
            $.post("register.html", { user_email: email });
        });
    });
</script>

以字符串形式发布：

<script type="text/javascript">
    $(function(){
        $("#blast").click(function(){
            var email = $("#email").val();
            $.post("pretong_newsletter.html", "newsletter_email=" + email);
            $.post("jason_newsletter.html", "n_email=" + email);
            $.post("register.html", "user_email=" + email);
        });
    });
</script>

Answer 2

要在单个表单上执行多个提交操作，可以使用HTMLonclick事件属性。要在新窗口中发布，请在表单中使用target="_blank"。

 <form action="" target="_blank" method="post">
    <input type="text" name="newsletter_email" placeholder="email" />
    <br />
    <input type="submit" value="Register" name="Register" onclick="this.form.action='pretong_newsletter.html'" />
    <input type="submit" value="Get Free Qoutes" name="Submit" onclick="this.form.action='jason_newsletter.html'" />
    <input type="submit" value="Be a Member" name="Submit" onclick="this.form.action='register.html'" />
</form>

希望这能有所帮助！