taotao前台页面显示登录用户名的处理

思路：

在每个页面上都引入一个 jsp，这个 jsp 可以是页面的头 head 或者脚 footer.jsp

然后在这个 jsp 中引入 一个 js，这个 js 中 有个 随页面加载 而执行的 方法，

这个方法就是向后台发送 ajax 的 jsonP 请求，请求参数就是  cookie 中的 token。

后台根据 token 到 redis 中查询用户，如果查询到，则将用户信息返回，展示到 前台，若没有查到，则不做任何事。

 

因为每个页面上都引入了上面的 jsp和js 所以，每次只要有页面跳转，就会向后台发送请求，查询当前 token 对应的用户信息，所以每个页面上都会显示当前登录的用户名。

 

未登录时效果：

登录后的效果：

 

 taotao的具体实现：

比如在商品详情页面 item.jsp 中就加入了 footer.jsp

然后在 footer.jsp 中引入了 taotao.js :

 

taotao.js 代码：

var TT = TAOTAO = {
    checkLogin : function(){
        var _ticket = $.cookie("TT_TOKEN");
        if(!_ticket){
            return ;
        }
        $.ajax({
            url : "http://localhost:8084/user/token/" + _ticket,
            dataType : "jsonp",
            type : "GET",
            success : function(data){
                if(data.status == 200){
                    var username = data.data.username;
//                    var html = username + "，欢迎来到淘淘！<a href=\"http://www.taotao.com/user/logout.html\" class=\"link-logout\">[退出]</a>";
                    var html = username + "，欢迎来到淘淘！<a href=\"http://localhost:8084/page/logout/"+_ticket+"\" class=\"link-logout\">[退出]</a>";
                    $("#loginbar").html(html);
                }
            }
        });
    }
}

$(function(){
    // 查看是否已经登录，如果已经登录查询登录信息
    TT.checkLogin();
});

其中的

var _ticket = $.cookie("TT_TOKEN");

是 jquery 操作 cookie 的方法，可以百度 $.cookie 参考相关文档。