1

私は異なるURLアクション、入力テキストフィールド名、入力送信フィールド名を持つ3つのフォームを持っています。ユーザーのメールアドレスを入力することのみを目的とした単一の表示可能な 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-->
4

2 に答える 2

2

これらのエンドポイントに送信するために、ページに物理的なフォームを用意する必要はありません。jQuerypost()関数を使用して送信ボタンをクリックすると、データが送信されます。

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>
于 2013-08-16T17:51:32.400 に答える
0

1 つのフォームで複数の送信アクションを実行するには、HTML のonclickイベント属性を使用できます。新しいウィンドウに投稿するには、フォームで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>

お役に立てれば！

于 2013-08-16T18:26:40.327 に答える