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
    – OlegUP
    30 мар 2015 в 12:11
  • @OlegUP, Спасибо помогло! 30 мар 2015 в 12:52

Ваш ответ

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

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