有人可以告诉我使用 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>
form_process.php
$user_name = $_POST['user_name']; if(do something){ echo "login success"; else{ echo "login unsuccessful"; }