前端 session过期后防止登录页面显示在layui的弹出框里

背景:

后台操作,有时候session过期刚好打开layui弹出框,于是重定向登录页面就显示在弹出框中了。

如下图:

前端 session过期后防止登录页面显示在layui的弹出框里_第1张图片

解决办法有两个:

1:跳转登录界面

在登陆界面写入如下js:

$(function(){
  if (top != window){
    top.location.href = window.location.href; 
  }
})

这样当登陆页面不是显示在window窗口时,顶级页面(父级页面?不知道这么说对不对)就会跳转到登录页面,也就是浏览器当前页面(弹出层的父集页面)会直接跳转到登录页面。

2:当前小窗口登陆,并刷新父页面(使用layer)

也就是上面的type2,都是用到了layer,毕竟这么好看的插件。

type2 还需要在后台首页添加如下js:

$(function(){
    if (top != window) {
        top.location.href = top.location.href; 
    }
});

作用就是:当登陆进来的时候,如果后台首页不是展示在顶级窗口,那么就让顶级窗口自刷新。

这样就保证了,登陆以后还是在原来的界面。

效果如下:

type1:  三秒后直接跳转登录界面

前端 session过期后防止登录页面显示在layui的弹出框里_第2张图片

type2:选择不跳转就是在当前弹出框登陆,登陆成功后刷新父级页面;选择跳转就和type1是一样的效果。

前端 session过期后防止登录页面显示在layui的弹出框里_第3张图片

你可能感兴趣的:(插件,前端)