php弹出式登录窗口并获得登录后返回值

一款bootstrap样式结合php制作的弹出式登录窗口，输入用户名和密码后，ajax传参给后台，并获得登录后返回值。

hwlayer+ajax弹出登录框

 1 $(function() { 
 2     $('#form-btn').hwlayer({ 
 3         width: 480, 
 4         taplayer: false, 
 5         afterclose: function() { 
 6             console.log('close'); 
 7         } 
 8     }); 
 9     $(".hwlayer-ok").on('click', function(event) { 
10         event.preventdefault(); 
11         var user = $('#user').val(); 
12         var pass = $('#password').val(); 
13         if (user == '') { 
14             $('#msg').addclass('text-danger').text('用户名不能为空！'); 
15             return false; 
16         } 
17         if (pass == '') { 
18             $('#msg').addclass('text-danger').text('密码不能为空！'); 
19             return false; 
20         } 
21         $.ajax({ 
22             url: 'login.php', 
23             type: 'post', 
24             datatype: 'json', 
25             data: {username: user, password: pass}, 
26             beforesend: function() { 
27                 $('#msg').addclass('text-success').text('正在登录...'); 
28                 $(".hwlayer-ok").attr('disabled', true); 
29             }, 
30             success: function(res) { 
31                 if (res.code == 1) { //登录成功 
32                     $('#result').html('欢迎您，' + user + '，登录时间：' + res.logintime); 
33                     $('#msg').removeclass('text-danger').addclass('text-success').text('登录成功！'); 
34                     $('#hw-layer-login').hwlayer('close'); 
35                 } else { 
36                     $('#msg').addclass('text-danger').text('用户名或密码错误！'); 
37                 } 
38                 $(".hwlayer-ok").removeattr('disabled'); 
39             } 
40         }); 
41     }); 
42     //escape关闭弹出层 
43     $('.hw-overlay').on('click', function(event) { 
44         if (event.target == this) { 
45             $('#hw-layer-login').hwlayer('close'); 
46         } 
47     }); 
48 });

login.php返回值

1 $arr = array("code"=>1,"logintime"=>date("y-m-d h:i:s")); 
2 echo json_encode($arr);

本实例下载：