Jquery анимация с постом Ajax в php скрипт - PullRequest
0 голосов
/ 22 мая 2019

Я пытаюсь заставить свой jQuery работать с CSS-анимацией / изменениями классов и работаю с сообщением ajax для этого форума.У меня возникают проблемы при переработке сценария анимации JQuery и включении порта Ajax для имени пользователя и пароля.Кажется, он не публикует информацию для входа.

<form class="login" action="" method="post" autocomplete="false">
    <div class="group">

        <input id="user" type="username" name="user" class="input" placeholder="Username" required autofocus>
    </div>
    <div class="group">

        <input id="password" type="password" name="password" class="input" data-type="password" placeholder="Password" required>
    </div>
    <div class="group">
        <button>
            <i class="spinner"></i>
            <span class="state">Log in</span>
        </button>
    </div>

    <div class="hr"></div>
</form>

Вот jQuery

var working = false;
$('.login').on('submit', function(e) {
    e.preventDefault();
    if (working) return;
    working = true;
    var $this = $(this),
        $state = $this.find('button > .state');
    $this.addClass('loading');
    $state.html('Authenticating');
    $.ajax({
        type: "POST",
        data: $(this).serialize(),
        cache: false,
        url: "login.php",
        success: function(data) {
            if (data.status == 'success') {
                this.addClass('ok');
                $state.html('Welcome back!');
                setTimeout(function() {
                    window.location = "/index.php"
                }, 4000);
            } else if (data.status == 'error') {
                setTimeout(function() {
                    $state.html('Log in');
                    $this.removeClass('ok loading');
                }, 3000);
            }
        },
    });
});

1 Ответ

0 голосов
/ 23 мая 2019

После использования предложения Диего и передачи его в журнал консоли я смог определить, что функция php ничего не возвращает.Добавление эха с соответствующими результатами решило мою проблему вместе с использованием «data» в операторе if вместо «data.status».

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...