2017-10-22 15 views
1

ZapierとAutopilotHQという2つのツールを使用してWordpress Webサイトの作業に問題があります。フォームをmyWebHookURLに送信したいが、myWebHookURLではなく別のURLにリダイレクトされるようにする。私はAjaxを使うことはできません(AutopilotHQはそれで動作しません)、iframeは使用できません。 PHPでそれを行う方法があるなら、私はどのように知りたいのですか?jQueryでフォームを送信した後に別のURLにリダイレクトするsubmitHandlerを検証する(Ajaxなし)

フォーム属性:今

jQuery(document).ready(function(){ 
jQuery('#myForm').submit(function(e){ 
    e.preventDefault(); 
    }).validate({ 
    rules:{ 
     ...}, 
    messages:{ 
     ...}, 
    submitHandler: function(form){ 
     form.submit(); 
    }}); 
}); 

私のページ:私はjQueryのプラグインを使用してそれを検証し、submitHandler機能でform.submitを使用してそれをフォームを送信入力を提出をクリックした後

<form id="myForm" action="https://myWebHookURL" method="POST" name="myForm"> 

をアクション属性に添付されたURLにリダイレクトします。あなたのお時間をありがとうございました!

+0

()あなただけ=> window.locationの= "http://www.example.com" をリダイレクトするためにJavaScriptを使用することができます。 –

+0

残念ながら、これはうまくいきません。これは、form.submit()がユーザーを別のページに移動させ、残りのコードが決して実行されないためです。この行をform.submit()の前に置くのと同じです。 :

答えて

0

myWebHookURLを制御すると、フォームデータを受け入れて目的のURLにリダイレクトできます。

それは他の場所でホストされているので、あなたがmyWebHookURLをコントロールしていない場合一方、Zapierのように、私は、あなたがコントロールする新しいURLにフォームのポストを扱うでしょう、あなたがコントロールコードからウェブフックに関連するデータを投稿しますPHPで、あなたの目的のURLにリダイレクトします。

擬似コード:form.submit後

Repackage post data 
Post the data to the webhook url (use guzzle for example, or some other http wrapper) 
Redirect to desired destination (header('location: destUrl')) 
+0

こんにちはRichGoldMD、私の質問に答える時間をとっていただきありがとうございます。あなたが説明したように問題を解決しました。この問題を抱えている人には、この記事も私を助けました。[link](https://www.automationfuel.com/zapier-webhook-post-example-tutorial/) –

関連する問題