双击HTML表单提交按钮

我目前正在尝试将表单数据从我们自己的wordpress网站提交给第三方网站。双击HTML表单提交按钮

我需要它在一个新的空白窗口或选项卡中打开。我能够在表单上使用target =“_ blank”来完成这项工作。

棘手的部分是我也希望数据保存在我自己的网站上。

我知道如何做到这一点双重行动的唯一方法是在帖子保存在我的网站后挂钩，但这意味着表单提交给我自己的网站，然后我使用javascript或其他东西重定向到第三但这会造成弹出警告，我不能在这种情况下...

有没有人有任何想法，如果我没有足够详细，请不要犹豫，问我更多的信息。

感谢

来源

2013-08-03 Jason Whalan

老实说，我会以不同的方式处理。我将首先发布到您自己的站点（在新窗口中），然后服务器端处理程序会将数据发布到第三方站点，然后将您重定向到第三方站点（显然，使用GET）。 –

也许通过AJAX首先提交到本地站点，然后 - 成功 - 提交表单&他们浏览整个页面到其他域？

使用jQuery：

<form id='form' method='post' action='http://remote.website.com/send-data-here'> 
    <input ...> 
    <input ...> 
    ... 
    <button type='button' onclick='doubleSubmit();'>Submit</button> 
</form> 

<script type='text/javascript'> 
    var LOCAL_URL = "/myForm-receiver.php"; 
    function doubleSubmit() { 
     var data = $('#form').serialize(); 
     $.post(LOCAL_URL, data, new function(response){ 
      // Successfully posted by AJAX to Local Website; 
      // -- now POST the form to the destination site, 
      // -- & navigate to that result page. 
      $('#form).submit(); 
     }); 
    } 
</script>

我假设你想在本地接收数据的一个副本，但用户将导航到目标域的“结果页”。

来源

2013-08-03 09:27:00

你的假设是正确的。以本地商店作为主角...我们想知道交易已经发生，然后将信息发送到合作伙伴的网站。这个解决方案看起来正是我所需要的。非常感谢您的宝贵时间。我认为这将是完美的。 –

需要通过Ajax提交数据，并在数据的基础上保存的数据然后重定向到第三方的网址，或者向没有使用像jQuery(selector).ajax(dataString:--);

可能你感谢这帮助！

来源

2013-08-03 09:36:19 Sumit

我正在寻找这个。谢谢您的回答。我将对JQuery/ajax解决方案进行一些研究。 –

双击HTML表单提交按钮

回答

相关问题