最新赞助活动温馨提示:9.9元终身VIP,学生和没有工作的整站资源免费下载!
头像

php点击登陆弹出层并结合ajax+json显示登录后状态

来源:http://www.erdangjiade.com/ 二当家的 2016-06-28 21:25浏览(1985)

bootstrap+php演示弹出登录表单,输入用户名或密码后,ajax传参给后台,并获得登陆后的返回值。

1、请不要问“在不在”之类的问题,有问题直接问!2、学生或暂时没有工作的童鞋,整站资源免费下载!3、¥9.9充值终身VIP会员,整站资源无任何限制下载!5、程序员加油,交流群:782128964 在线 充值

php点击登陆弹出层并结合ajax+json显示登录后状态
分类:表单代码 > 注册登录框 难易:初级
查看演示 下载资源: 137

关注微信号获取此Demo视频教程:

下载资源 下载积分: 30 积分

hwLayer+ajax弹出登录框

$(function() {
    $('#form-btn').hwLayer({
        width: 480,
        tapLayer: false,
        afterClose: function() {
            console.log('close');
        }
    });
    $(".hwLayer-ok").on('click', function(event) {
        event.preventDefault();
        var user = $('#user').val();
        var pass = $('#password').val();
        if (user == '') {
            $('#msg').addClass('text-danger').text('用户名不能为空!');
            return false;
        }
        if (pass == '') {
            $('#msg').addClass('text-danger').text('密码不能为空!');
            return false;
        }
        $.ajax({
            url: 'login.php',
            type: 'POST',
            dataType: 'json',
            data: {username: user, password: pass},
            beforeSend: function() {
                $('#msg').addClass('text-success').text('正在登录...');
                $(".hwLayer-ok").attr('disabled', true);
            },
            success: function(res) {
                if (res.code == 1) { //登录成功
                    $('#result').html('欢迎您,' + user + ',登录时间:' + res.logintime);
                    $('#msg').removeClass('text-danger').addClass('text-success').text('登录成功!');
                    $('#hw-layer-login').hwLayer('close');
                } else {
                    $('#msg').addClass('text-danger').text('用户名或密码错误!');
                }
                $(".hwLayer-ok").removeAttr('disabled');
            }
        });
    });
    //escape关闭弹出层
    $('.hw-overlay').on('click', function(event) {
        if (event.target == this) {
            $('#hw-layer-login').hwLayer('close');
        }
    });
});

login.php返回值

$arr = array("code"=>1,"logintime"=>date("Y-m-d H:i:s"));
echo json_encode($arr);
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/877.html
评论3
头像

友情提示:垃圾评论一律封号 最新福利:领取阿里云限量2000通用代金券

  • 头像 板凳
    11-07 18:58
    mdgg007
    非常实用的
  • 头像 椅子
    09-02 15:46
    一只小肥牛
    很好 很实用...
  • 头像 沙发
    08-07 19:44
    PS10001
    简单蓝色工程后台模板
1 2