Do a jQuery/ajax POST on form submit

Question

I have an html form like this:

<form action="myServer.com/test.php" method="post">
...
</form>

When the form is submitted, the user should be redirected to myServer.com/test.php and ofc send the post data to the script. BUT at the same time (or before), I want to post the same POST data to another script "myServer.com/test2.php".

$.post("myServer.com/test2.php", variableWithTheFormPOSTData);

I tried to attach an EventListener to the form submit, but that doesn't seem to work, maybe the jquery post cant be submitted fast enough before the redirection?

I hope you can help me. :(

Answer 1

每当在onsubmit中使用方法时，请确保其返回true，否则它将不会提交。

Answer 2

use a button as your submit button sothat the form doesnt get posted at the same time you click on it. And trigger the ajax function to post the data indirectly to the second page.

<form name="myform" action="myServer.com/test.php" method="post">
    ...
    <button onclick="doIndirectPost();"></button>
</form>

and in the success callback of ajax posting function trigger your form post

function doIndirectPost() {
    //initialize variableWithTheFormPOSTData here
    $.post("myServer.com/test2.php", variableWithTheFormPOSTData,function(success,error)    {
         //ajax post is completed now we trigger the form post to test.php
         document.myform.submit();

    });  
}

Answer 3

You can do it using ajax itself, which will avoid reloading the page

<form id="form1">
 .....
<input type="text" name="email"/> <!--Example input text box-->
<input type="button" id="submit"/> 
</form>

and the jquery code

$("#submit").click(function()
{
$.post("myServer.com/test2.php", $("#form1").serialize());//$("#form1).serialize() will get the data in the form automatically
$.post("myServer.com/test.php", $("#form1").serialize());

});

.serialize() will automatically serialize the data from the form that is to be posted

in your server side page use this

<?php
parse_str($_POST['serialize'], $data);
$name  = $data["email"] 


// do your code
?>

Hope this helps,Thank you