表单提交无需刷新页面

有人可以告诉我使用教程吗jquery显示表单提交成功 无需刷新页面。当邮件发送时，gmail 上会发生类似的情况，黄色叠加层显示您的邮件已发送，然后淡出。我希望根据表单提交的结果显示消息。

好的...类似这样的...但我没有尝试...所以像教程一样使用它..您也可以使用 json

js:

function processForm() { 
        $.ajax( {
            type: 'POST',
            url: form_process.php,
            data: 'user_name=' + encodeURIComponent(document.getElementById('user_name').value),
            success: function(data) {
                $('#message').html(data);
            }
        } );
}

html:

<form action="" method="post" onsubmit="processForm();return false;">
<input type='text' name='user_name' id='user_name' value='' />
<input type='submit' name='submit' value='submit'/>
</form>
<div id='message'></div>

表单进程.php

$user_name = $_POST['user_name'];
if(do something){
     echo "login success";
else{
     echo "login unsuccessful";
}