表单提交没有页面刷新

有人可以向我展示一个使用jquery显示成功表单提交 而不刷新页面的教程。 当邮件发送时，gmail会发生类似的情况，黄色叠加显示邮件已发送然后淡出。 我希望根据表单提交的结果显示消息。

Answer 1

好的…这样的东西……但我没有尝试过……所以就像教程一样使用它…你也可以使用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_process.php

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

Answer 2

贾特的答案几乎是正确的。 但是不要忘记将url属性设置为”这可能会节省你几分钟的调试时间