ajax检测用户登录状态

1. 后台服务器传输的信息

   
   image.png

• code 为http的请求码，200代表成功，200-300代表请求成功，404代表页面错误，找不到传输过来的信息，500代表服务器出错。
• code、msg：code代表成功连接服务器并返回数据；msg代表给用户的提示信息，比如在登录页面提示用户账号密码是否正确。

2. 未验证前：

   
   image.png

image.png

3. 使用ajax进行验证

$.ajax({
            url: 'js/data.json',
            type: 'get',
            dataType: 'json'
        })
        .done(function(data) {
            // alert(data.code);
            console.log("success"); 
            if(data.code == 200){
                $('#logout em').html(data.data.name);//填写后台获取的姓名
                $('#login').addClass('hidden');//隐藏登录框
                $('#def_head').addClass('hidden');//隐藏登录前的头像
                $('#register').addClass('hidden');//隐藏登录和注册按钮
                $('#logout').addClass('show');//显示登录后的状态
                $('#usr_head').addClass('show');//显示用户头像
            }
        })
        .fail(function() {
            alert('连接超时！请重试');
        });

效果图：

image.png image.png