PHP Javascriptシングルフォームコール2つのフォームに送信

Question

あなたは見ましたか？それらの
submit a form inside another form

Submitting form data to two locations using Javascript and PHP?

どれも実際に質問に答えるん。

シナリオを説明します。名前、電子メール、電話番号を要求するフォームがあり、2つの異なるベンダーの2つの場所に送信する必要があります。

1）Aweber 2）当社は

一つの可能​​性は、コードのJavascriptの作品を作成することである人々は、それはそれは次のようになります（二つの異なるブラウザウィンドウ内の2つのフォームの呼び出しに送信し「送信」をクリックしたときに、私のメソッド）

2番目の可能性は、最初にAweber（autorespnder）に送信して、その変数をカスタムPHPページに渡すことです。 $ _GETで変数を取得し、自動フォーム提出に渡して、それらを第2フォームに渡して会社に渡します。例えば

- 私はform.phpする最初のAweberにフォームを送信してから戻って結果を渡すことができます。

$name = $_get['name']; 
$email = $_get['email']; 
$phone = $_get['phone']; 

何フォームの残りの部分はカールやJavaScriptとのように見えるのでしょうか？

私は会社の投稿フォームに変数を渡そうとしました。これはGETコマンドを受け付けません.CURLを使ってフォームをPOSTする方法がない限り、CURLはおそらく動作しませんので、CURLはおそらく動作しません。

誰でも、エンドユーザーには見苦しいですか？

どのようなアイデアがありますか？前もって感謝します！

Answer 1

実際のデータがなくても実際のフォームを呼び出す必要はありませんが、これはAJAXとjQueryでどのように行うかについての基本的な考え方です。

*私はポストではなく、GETとフォーム変数を渡す方法を示すための答えを更新し

を更新しました。

HTML

<form id="test-form"> 
    <input type="text" id="name" name="name"/> 
    <input type="submit" value="submit"/> 
</form> 

<p class="response1"> 
    Response 1 goes here 
</p> 
<p class="response2"> 
    Response 2 goes here 
</p> 

jQueryの

$("#test-form").on("submit", function(e) { 
    e.preventDefault(); //stops the form from actually submitting 
    var root = 'https://jsonplaceholder.typicode.com'; 

    $.ajax({ 
    url: root + '/posts/1', 
    method: 'POST', 
    data: $("#test-form").serialize() 
    }).then(function(data) { 
    if(data) { 
     $(".response1").text(data.title); 
     $.ajax({ 
      url: root + '/posts/2', 
      method: 'POST', 
      data: $("#test-form").serialize() 
     }).then(function(data) { 
      if(data) { 
      $(".response2").text(data.title); 
      } 
     }); 
    } 
    }); 
}) 

私はAPIを持っていないので、明らかに、あなたはURLの正しく設定され、ここで起きていないポストのデータを渡す必要があるだろう投稿データを受け入れるクエリ最初のフォームが送信されると、データは2番目のフォームに送信されます。どのようにデータを扱うかは、サーバーからの応答が何であるかによって異なります。

フィドル：https://jsfiddle.net/calder12/t0fos3kk/1/