如何在不离开页面的情况下发送表格?

时间:2014-02-14 16:30:43

标签: javascript php jquery html ajax

我有这个登记表。如何在不将用户重定向到action.php的情况下将输入信息发送到action.php,然后将其重定向回此页面。我希望表单在后台提交。

<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>

谢谢!

1 个答案:

答案 0 :(得分:5)

http://api.jquery.com/jquery.post/ 应该对此有所帮助,这是一个应该与您发布的代码一起使用的示例。

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