Form で複数箇所に POST したい

メールアドレスと名前を入れて送信するフォームがあるのですが...
外部サイトに送信する前にメールアドレスを自サイト内のファイルにPOSTしたいです。

自サイトにPOSTした後再びフォームを表示して JSで onload と同時?に自動的に送信するのは組めたのですが、
スマートなやり方あれば教えていただければ幸いです。

できれば自サイトのファイルにはデータだけを送って、
移動はしたくないです。

宜しくお願いします。

行動規範の内容に同意します

回答2件

ベストアンサー

jQueryのpostメソッドを使うのは如何でしょうか？データだけ送って、画面遷移は行わないフォームを作れると思います。具体的なコードは、下記のpostに関する記事を引用させてもらいます。

post メソッドと ajax メソッドを使って POST 送信を行うサンプル

ご質問の中で２件のpost先があるようですが、
上記の記事のサンプルコードにあるpostメソッドのコールバックで2件目のpostを行うと、1件目と2件目のpostが順番に行われると思います。

html
1<html>
2<head>
3<script type="text/javascript" src="jquery.js"></script>
4<script type="text/javascript">
5$(function(){
6  $('#sw').click(
7    function(){
8      $.post(
9        'post.php',
10        {
11          'pd': 'こんにちは'
12        },
13        function(data){
14          //ここで2件目のpostを行う
15          //alert(data);
16        }
17      );
18    }
19  );
20});
21</script>
22</head>
23<body>
24  <a href="javascript: void(0)" id="sw">switch</a><br />
25</body>
26</html>

投稿2016/02/01 01:07

TEA

総合スコア65

pac894398

2016/02/01 01:49

現在スマホからのアクセスで検証できていませんが… 2件目は完了画面を含むので遷移させたいです。 (1件目には遷移させたくない)

pac894398

2016/02/01 01:49

お手数ですが宜しくお願いします。

TEA

2016/02/01 02:49 編集

もっといい方法があると思いますが、手軽な方法としてはこんな感じでいかがでしょうか？ [2回目のポスト] $.post( 'post2.php', { 'pd': '2回目送ります' }, function(data){ //2件目終了のコールバックで#statusを書き換える $("#status").text("送信完了しました"); } ); [html body以下] <body> <a href="javascript: void(0)" id="sw">switch</a><br /> <p id="status">POST送信中です</p> </body>

行動規範の内容に同意します