最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

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

来源:http://www.erdangjiade.com/ 沐浴春风 2016-06-28 21:25浏览(2101)

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

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

php点击登陆弹出层并结合ajax+json显示登录后状态
分类:表单代码 > 注册登录框 难易:初级
查看演示 下载资源 下载积分: 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
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

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