Форма отправки без обновления страницы

Question

Может кто-нибудь показать мне руководство по использованию jquery для отображения успешной отправки формы без обновления страницы . Нечто подобное происходит в gmail, когда сообщение доставляется, и наложение желтого цвета показывает, что ваше сообщение было доставлено, а затем исчезает. Я хочу, чтобы сообщение отображалось в зависимости от результата отправки формы.

Answer 1

Хорошо ... как-то так ... но я не пробовал ... так что используйте его как учебник ... Вы также можете использовать 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";
}

Answer 2

Ответ Джетт почти правильный. Но не забудьте установить атрибут url в '' Возможно, это сэкономит вам несколько минут на отладку