Может ли кто-нибудь показать мне учебник по использованию jquery для отображения успешной подачи формы без обновления страницы . Что-то вроде этого происходит в gmail, когда сообщение доставлено, и желтое наложение, которое показывает, что сообщение было доставлено, а затем исчезло. Я хочу, чтобы сообщение отображалось в зависимости от результата отправки формы.
Хорошо … что-то вроде этого … но я не пробовал … так что используйте его так же, как учебник. Вы также можете использовать json
ЯШ:
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"; }
Ответ jatt почти прав. Но не забудьте указать атрибут url в '' Это может сэкономить вам несколько минут отладки, надеюсь