doufangyan6862 2019-05-22 13:45
浏览 53
已采纳

使用Ajax的Jquery动画发布到php脚本

I am trying to get my jQuery to work with CSS animations/class changes and working with an ajax post for this logon forum. I am having trouble reworking the JQuery animation script and incorporating the Ajax port for username and password. It does not seem to be posting the login information.

<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>

Here is the 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条回答 默认 最新

  • dpub33855 2019-05-23 15:10
    关注

    After using Diego's suggestion and piping the out to the console log I was able to determine that the php function was not returning anything. Adding an echo in with corresponding results resolved my issue along with using 'data' in the if statement instead of 'data.status'.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 基于卷积神经网络的声纹识别
  • ¥15 Python中的request,如何使用ssr节点,通过代理requests网页。本人在泰国,需要用大陆ip才能玩网页游戏,合法合规。
  • ¥100 为什么这个恒流源电路不能恒流?
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson,入参实体类Person,出参布尔值
  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题,上传的坐标文件里是怎么对无序点进行编号的,以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 CSAPPattacklab
  • ¥15 一直显示正在等待HID—ISP
  • ¥15 Python turtle 画图
  • ¥15 stm32开发clion时遇到的编译问题