带有 Ajax 的 Jquery 动画发布到 php 脚本

Question

我正在尝试让我的 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);

            }

        },

    });

});

Answer 1

在使用 Diego 的建议并将输出输出到控制台日志后，我能够确定 php 函数没有返回任何内容。添加带有相应结果的回声解决了我的问题，并在 if 语句中使用了“data”而不是“data.status”。