1

Как сделать ajax формы?

<form action="login.php" method="post">
     Логин
     <input type="text" name="username"/>
     Пароль
     <input type="password" name="password"/>
     <button type="submit" name="submit">Войти</button>
 </form>

Здесь результаты (ошибка или успех)

<div id="result"></div>

2 ответа 2

3
$('form').on('submit', function() {
    var form = $(this);
    $.post(form.attr('action'), form.serialize(), function(result) {
        $('#result').html(result);
    });
    return false;
});

Нужен jQuery 2 версии

1
  • Владимир Стахеев, Спасибо! 4 апр 2015 в 9:58
2
$('[name = submit]').click(function (event) {
    // Здесь надо сначала отменить всплытие события чтобы данные отправлялись не браузером а скриптом
    event.stopPropagation(); // Может не помочь
    $.ajax({ data : {
                'username': $('[name = username]').val(),
                'password': $('[name = password]').val(),
            },
            type: "POST",
            url: 'login.php',
            success: function(result) { $('#result').html(result) }
    )
});

Скрипт на сервере никак править не надо, вы послыаете HTTP запрос и принимаете ответ, так же как и браузер. Можно погуглить Jquery Ajax

2
  • По сути и jquery уже не такой котируемый фреймворк, его лучше использовать вкупе с angular или backbone
    – YpaHeL1
    30 мар 2015 в 12:11
  • @OlegUP, Спасибо помогло! 30 мар 2015 в 12:52

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.