(登陆超时后自动跳转登录页设置,超简单!)session过期后自动跳转iframe

 在网页编程时,我们经常需要处理,当会话过期时,我们要跳到登陆页面让用户登陆,由于我们可能用到的的的IFrame的的框架,所以我们我登陆页面需要显示在整个页面,而不是一个的的的IFrame中的中,大部分的网友是用下面的代码进行实现的。

       在过滤器中写如下代码:

 

【JAVA]  查看纯 字幕下载下载下载:

  1. printWriter out = response.getWriter();    
  2. out.write(“<script> window.parent.location.href ='login.jsp'</ script>” );  


      我的实现方式是:跟普通过滤器的写法一样,跳到某个行动,让行动决定要跳到的页面,然后在登录页面写上这么一段代码 

 

 

 

[HTML]  查看纯 字幕下载下载下载:

  1. < script language = “JavaScript” >     
  2. //判断当前窗口是否有顶级窗口,如果有就让当前的窗口的地址栏发生变化,    
  3. //这样就可以让登陆窗口显示在整个窗口了    
  4. 函数loadTopWindow(){    
  5.     if(window.top!= null && window.top.document.URL!= document.URL){    
  6.         window.top.location 文件.URL;     
  7.     }    
  8. }    
  9. </ script >    
  10. </ head >    
  11. <! - 在体内的写上的onload事件要调用的方法 - >    
  12. < body onload = “loadTopWindow()” >     

 

两种方式都是用JS进行实现,各有优缺点

第一种方式的缺点的英文要的的的的的Java中写了的的的的的JavaScript代码,这样的代码风格不是很好,优点是编写简单;

第二种方式的缺点是要发送两次请求,在登陆页面比较大的情况下,这个方式确实不太好,好在一般的登录页面都比较简单,优点是易于维护,在写是时候,只要把这么一段代码复制进去就可以了,所以我个人推荐使用第二种方式。

 

 

 

 

 

在web.xml文件文件中文件文件中定义会话过期时间:(

 

注意:若为springboot设置过期时间如下:

 

bootStrap.properties中添加对默认配置进行更改

server.session.cookie.comment =#注释会话cookie.server.session.cookie.domain
=#会话cookie的
域名.server.session.cookie.http-only =#“HttpOnly”标志为会话
cookie.server.session。 cookie.max-age =#会话cookie的最大年龄(以秒为单位)
server.session.cookie.name =#会话cookie名称
server.session.cookie.path =#会话cookie的路径
server.session.cookie.secure =#“Secure”标志为会话
cookie.server.session.persistent = false#在重新启动之间持续会话数据
server.session.store -dir =#用于存储会话数据的目录
server.session.timeout =#会话超时(秒)(测试的话仅仅添加超时就可以!)
server.session.tracking-模式=#会话跟踪模式(以下一个或多个:“饼干”,“URL”,“SSL”))

[HTML]  查看纯 字幕下载下载下载:

  1. <! - 会话超时定义,单位为分钟 - >  
  2.     < session-config >  
  3.         < session-timeout > 2 </ session-timeout >  
  4.     </ session-config >  

 

 

的的的的JavaScript的解决会话过期,跳转到首页并跳出IFRAME

 

 

可以在登录页面login.jsp中<head> </ head>中添加如下代码

 

的JavaScript的解决会话过期,跳转到首页并跳出IFRAME

可以在登录页面login.jsp中<head> </ head>中添加如下代码

 

[html] view plain copy

  1. <script type="text/javascript">  
  2.     if (window != top)   
  3.     top.location.href = location.href;   
  4. </script>  
  1.  
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是前后端代码实现的思路: 后端代码: 1. 在BaseController中添加一个OnActionExecuting方法,用于判断用户是否登录,如果未登录,则跳转登录页面。 ```csharp public class BaseController : Controller { protected override void OnActionExecuting(ActionExecutingContext filterContext) { HttpSessionStateBase session = filterContext.HttpContext.Session; if (session["UserId"] == null) { filterContext.Result = new RedirectResult("~/Account/Login"); } base.OnActionExecuting(filterContext); } } ``` 2. 在需要登录验证的Controller中,继承BaseController即可。 ```csharp public class HomeController : BaseController { public ActionResult Index() { return View(); } } ``` 前端代码: 1. 在前端面中,使用`setInterval()`函数定时向后端发送一个心跳请求,以保持会话的活跃状态。 ```javascript setInterval(function () { $.ajax({ url: "/HeartBeat", type: "get", dataType: "json", success: function (data) { //处理返回的数据 }, error: function () { //处理请求失败的情况 } }); }, 300000); //5分钟发送一次请求 ``` 2. 在前端面中,使用`window.addEventListener()`函数监听所有的ajax请求,如果返回的状态码为401,则跳转登录页面。 ```javascript window.addEventListener('load', function () { $(document).ajaxComplete(function (event, xhr, options) { if (xhr.status == 401) { window.location.href = '/Account/Login'; } }); }); ``` 3. 在前端面中,如果面中嵌套了iframe,则在iframe加载完成后,判断iframe中的面是否需要登录验证,如果需要,则向iframe中发送一个心跳请求。 ```javascript function checkIframeLogin() { var iframe = document.getElementById('myIframe'); if (iframe) { var iframeDoc = iframe.contentDocument || iframe.contentWindow.document; var iframeUrl = iframeDoc.location.href; if (iframeUrl.indexOf('NeedLogin') != -1) { setInterval(function () { iframe.contentWindow.postMessage('HeartBeat', '*'); }, 300000); //5分钟发送一次请求 } } } ``` 在iframe中的面中,添加一个监听事件,如果收到了来自父面的心跳请求,则返回一个状态码,用于前端面中的跳转。 ```javascript window.addEventListener('message', function (event) { if (event.data == 'HeartBeat') { $.ajax({ url: '/HeartBeat', type: 'get', dataType: 'json', success: function (data) { //处理返回的数据 }, error: function () { parent.window.location.href = '/Account/Login'; } }); } }); ``` 上述代码中,`parent.window.location.href = '/Account/Login';`表示在父面中跳转登录页面。 希望以上代码可以帮助到您,如有任何疑问,请随时提出。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值