Php 表单提交而不刷新页面

Php 表单提交而不刷新页面,php,jquery,ajax,forms,Php,Jquery,Ajax,Forms,是否有人可以向我展示一个使用jquery显示成功表单提交的教程,而无需刷新页面。类似的事情发生在gmail上,当一条消息被发送,黄色的覆盖显示你的消息被发送,然后淡出。 我希望根据表单提交的结果显示消息。好的。。。像这样的。。。但我没有试过。。。所以就像教程一样使用它。。您还可以使用json js: html: 杰特的答案几乎是正确的。但别忘了将url属性设置为“” 这可能会为您节省几分钟的调试时间 function processForm() { $.ajax( {

是否有人可以向我展示一个使用jquery显示成功表单提交的教程,而无需刷新页面。类似的事情发生在gmail上,当一条消息被发送,黄色的覆盖显示你的消息被发送,然后淡出。
我希望根据表单提交的结果显示消息。好的。。。像这样的。。。但我没有试过。。。所以就像教程一样使用它。。您还可以使用json

js:

html:


杰特的答案几乎是正确的。但别忘了将url属性设置为“” 这可能会为您节省几分钟的调试时间

function processForm() { 
        $.ajax( {
            type: 'POST',
            url: form_process.php,
            data: 'user_name=' + encodeURIComponent(document.getElementById('user_name').value),
            success: function(data) {
                $('#message').html(data);
            }
        } );
}
<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>
$user_name = $_POST['user_name'];
if(do something){
     echo "login success";
else{
     echo "login unsuccessful";
}