Question

可能有人已经问过这个问题......但还是找不到答案..

我收到了一个包含以下操作的表单

<form action="http://processing.com/formaction.php" method="get" id="form1">

有些人可以告诉我，我如何在两个不同的域上发送单一表格？

我希望将表单发送到tracking.com/action.php，但不要求任何表单回复此
我希望将表单发送到processing.com/formaction.php和我的表单处理将来自这里

请指导我...

感谢

P.S

我对tracking.com或processing.com
基本上，tracking.com会追踪我的表格..
procssing.com是搜索网站，会显示我的表单

Answer 1

您可以使用ajax提交到跟踪页面，完成后，实际将其发送到处理：

$(document).ready(function(){

    $('#form1').submit(function(event){

        // Do not send it yet
        event.preventDefault();
        // Track    
        $.ajax({
            type: 'GET',
            data: {
                name : $('#name').val(), // Gather all your fields here
                email: $('#email').val() // (nameOfField: value)
            },
            url: 'http://tracking.com/page.php',
            success: function(data){
                // Form submitted to tracking, now send it to processing
                $('#form1').submit();
            },
            error: function(){
                alert('There was an error while tracking!');
            }
        });

    });

});

Answer 2

另一种解决方案是将表单的目标设置为iframe，然后再次提交。解决方案来自此页面：how to create multi-submit form

<input type='button' name='Submit' value='Submit' onclick='javascript: return SubmitForm()' />

function SubmitForm()
{
     document.forms['contactus'].action='tracking.com/action.php';
     document.forms['contactus'].target='frame_result1';
     document.forms['contactus'].submit();

     document.forms['contactus'].action='processing.com/formaction.php';
     document.forms['contactus'].target='frame_result2';
     document.forms['contactus'].submit();
     return true;
}

您可以隐藏结果iframe或从第二个iframe重定向。

在两个不同的域上发送相同的HTML表单

2 个答案: