javascript - 使用 jQuery Validate SubmitHandler 提交表单后重定向到不同的 URL(不使用 Ajax)

Question

我在使用两种工具(Zapier 和 AutopilotHQ)在 Wordpress 网站上制作表单时遇到问题。我希望将表单提交到 myWebHookURL，但页面重定向到另一个 url，而不是 myWebHookURL。我无法使用 Ajax(AutopilotHQ 无法使用它)，也无法使用 iframe。如果有办法用 PHP 实现这一点，我想知道如何实现。

表单属性:

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

单击提交输入后，我使用 jQuery 插件对其进行验证，并在 SubmitHandler 函数中使用 form.submit 提交表单:

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

现在我的页面重定向到附加到操作属性的 URL。非常感谢您的宝贵时间!

Answer 1

如果您控制 myWebHookURL，那么您可以接受表单数据，然后重定向到您想要的 URL。

另一方面，如果您不控制 myWebHookURL 因为它托管在其他地方(例如 Zapier)，那么我会在您控制的新 url 中处理表单发布，将相关数据从您控制的代码发布到 webhook php，然后重定向到您想要的目标网址。

伪代码:

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'))