HTML表单提交按钮上的双重操作

时间:2013-08-03 09:15:56

标签: html forms

我目前正在尝试从我们自己的基于wordpress的网站向第三方网站提交表单数据。

我需要它在新的空白窗口或标签中打开。到目前为止,我可以在表单上使用target =“_ blank”来执行此操作。

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

我知道如何执行此双重操作的唯一方法是在帖子保存在我的网站后挂钩但这意味着表单提交到我自己的网站然后我使用javascript或其他东西重定向到第三方网站,但这会产生弹出警告,在这种情况下我不能拥有......

有没有人对此有任何想法,如果我还不够详细,请不要犹豫,向我询问更多信息。

由于

2 个答案:

答案 0 :(得分:1)

也许首先由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>

我假设您希望在本地接收数据副本,但用户将导航到“结果页面”的目标域。

答案 1 :(得分:0)

需要通过ajax提交数据并将数据保存在您的数据库中,然后重定向到第三方网址或提交到那里使用jQuery(selector).ajax(dataString:--);

这可能对你有所帮助!