How can I send a form without leaving the page?

Question

I have this registration form. How can I send the input information to the action.php without redirecting the user to it and after that redirecting it back to this page. I want the form to be submitted in the background.

<p id="message"></p>
<form action='action.php' method='post'>
Username: <input type='text' name='username'>
Password: <input type='password' name='password'>
e-mail: <input type='text' name='email'></div>
<input type='submit' value='Register' onclick='Submit()' />
</form>
<script>
function Submit(){
document.getElementById("message").innerHTML = "You have been successfully registered";
}
</script>

Thanks!

possible duplicate of [JavaScript post request like a form submit](http://stackoverflow.com/questions/133925/javascript-post-request-like-a-form-submit) — Anthony, Feb 14 '14 at 16:33

score 5 · Accepted Answer · answered Feb 14 '14 at 16:34

http://api.jquery.com/jquery.post/ Should help you with this, here's an example that should work with the code you posted.

var data = $('form').serialize();
$.post( "action.php", data, function() {
    $('#message').text('You have been successfully registered');
})

How can I send a form without leaving the page?

1 Answers1