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

最新推荐文章于 2022-08-01 11:28:56 发布
原创 最新推荐文章于 2022-08-01 11:28:56 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种解决layui后台管理中，iframe加载页面遇到session过期时，将登录页面显示在正确位置的方法。通过使用jQuery，确保父窗口能够跳转至登录界面，避免了在弹出框中重复登录的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

layui 后台点击加载iframe框 session过期登录页面显示在弹出框中。

在跳转登录界面写下如下js

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

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

使用layui时由于session过期导致页面嵌套问题
gwokgwok137的博客
02-26 1021
使用layui的框架时，遇到session过期后，在弹出框里显示的页面跳到了登录页面，造成嵌套式的页面   如下图所示： 登录后就会变成如下这样： 解决方法： <script> $(document).ready(function () { if (window != top) { top.location.href = location.href; } }); </script>   若嫌加载页面完成后才执行太慢，可以放在html页面的前面，就会优先执行。 ...
layui框架中如何实现，在登录超时实现自动跳转登录页？
qq_26780317的博客
09-15 4520
前言：         最近，接手了一个layui框架做的系统，现在需要实现接口登录超时，自动跳转到登录页的操作。          方案：后台判断是否超时，前端根据接口返回的code码，实现自动跳转至登录页面。          问题点：前端重定向经常使用的是----w
解决easyui在session过期后iframe跳转到登录页面的问题
ace_place的博客
11-06 2677
当用户长时间停留在管理界面没有操作，等到session过期后，进行了操作，那么只是iframe跳转到login页面，这不是我们想要的结果。解决方法：在login页面加一个逻辑判断： $(document).ready(function () { if (window != top) { top.location.href = location.href;
前端 session过期后防止登录页面显示在layui的弹出框里
挂件
02-19 5465
背景: 后台操作，有时候session过期刚好打开layui弹出框，于是重定向登录页面就显示在弹出框中了。 如下图： 解决办法有两个： 1：跳转登录界面 在登陆界面写入如下js： $(function(){ if (top != window){ top.location.href = window.location.href; } }) 这样当登陆页面不是...
layui table reload时 session超时，不能跳转到login页面，报数据解析错误
dns007
05-09 3116
问题描述： 采用shiro， session过期后 跳转到login页面，登录页面是成功返回了， 但是页面没有成功跳转 ，报数据解析错误 解决办法： 将layui的jquery 设置返回数据解析错误后默认跳转到登录 （不太严谨，也可能是真的返回数据不符合） $(document).ready(function() { layui.use(['table', 'form'], func...
html session 登录页面跳转页面跳转页面,layui弹窗里面 session过期 后跳转到登录页面...
weixin_28756021的博客
06-05 561
1.在登录页面添加$(function () {if (top != window) {layer.msg("登录失效", {icon: 5});top.location.href = window.location.href;}})2.在layui弹窗里点击添加的方法里添加form.on('submit(add)', function (data) {//发异步，把数据提交给控制器var ind...
Java实现网页端session有效期的管理
BXERP（集成小程序的多商户开源收银系统）。代码托管在CodeChina和GitHub
12-22 599
网页前端请求服务器完成登录后，会获取一个session会话。session会有一个有效期，有效期过后服务器应该要告诉前端需要重新登录。如果在不同的浏览器登录，前者的会话也应该失效。本文将介绍如何实现这样的功能，包括"前端请求后端判断会话有效期JS代码"、“服务器后端拦截有用户请求代码”。 1、前端请求后端判断会话有效期JS代码。 前端使用了Layui前端框架，使用ajax请求后端。在调用ajax...
PC端实现微信扫码登入功能
dawnStart的博客
02-08 8520
<div> <button onclick="wxLogin()" class="layui-btn layui-btn-normal layui-btn-fluid" style="box-shadow: 0 1px 6px #1E9FFF;border-radius: 4px;"> <img src="${path}/img/wx.png" style="width: 18px;"> 使用微信登录 </button> </div> 微信注册
【Layui项目实战案例】：打造完美中文输入表单的秘诀
![【Layui项目实战案例】：打造完美中文输入表单的秘诀]...接着，本文展示了Layui在自定义组件与扩展、响应式设计方
前端面试题知识点总结（仅供参考）
jiang16608544720的博客
03-14 2070
以下是本人面试后总结出来的面试知识点： 1.1. 模块化 \1. ES6 \2. Commonjs 1.2. 构建工具 \1. Webpack核心思想：模块化打包 \2. Webpack基本配置: entry, output, module&rules, plugins, devServer, devtool, resolve \3. 打包各种资源: JS / CSS/img/html/… \4. 加分项: 自定义webpack打包环境, Webpa
layui token 过期 重新登陆
weixin_30602505的博客
09-17 1833
这个方法你要全局设置 //jquery全局配置 $.ajaxSetup({ cache:false, crossDomain:true, headers:{'Authorization':token}, complete:function(xhr){ console.log(xhr) ...
layui退出登录
qing_er_的博客
08-01 1076
【代码】layui退出登录。
关于解决session过期跳转到登陆页面并跳出iframe框架
weixin_30655219的博客
01-05 157
当session会话过期，点击菜单栏时，出现以下现象，需要用JS解决： JS代码如下： echo '<script type="text/javascript">'; echo 'window.top.location.href="/index.php/admin/Login/login"';//top表示在最上面的框架打开 echo...
个人博客系统项目实战入门-----登录验证以及超时退出
m0_54620396的博客
08-13 165
这部分属于后台代码，不会被看见，要获取到form表单的值，我们将链接数据库进行判断是否跟网页输入的用户名密码一致，一致则跳转网页到后台界面，不一致则回到登录界面并提示错误信息， <?php // include'../layui/layui.js'; include "connect.php"; //接受数据 $username=$_POST['username']; $password=$_POST['password']; //验证数据有效性 if(strlen($username)<
SpringBoot+SpringMVC+LayUi 踩坑退出登录操作
qq_35332494的博客
11-10 804
问题描述： 一直很奇怪为什么我使用的LayUI的注销登录功能无法使用,具体就是点击之后就是出现界面404 这就很离谱,明明哪儿都没有问题,下面是我的controller退出登录代码: /** * 退出登录操作 * @param session * @return */ @RequestMapping("/loginOut") public String loginOut(HttpSession session) { //删除Ses
layui登录（生成验证码、记住密码、登录、退出）学习笔记
宁
01-15 5070
页面 <html class="loginHtml"> <head> <meta charset="utf-8"> <title>登录页</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name
shiro+layui登录超时后发起ajax异步请求，跳到登录界面
seesun2012的专栏
02-21 2239
一、后端配置： 1、创建LoginFilter.java（过滤器主程序） 注意：有用Shiro权限框架的继承AdviceFilter类，重写preHandle()方法，没有的请直接实现Filter接口，重写doFilter()方法 package com.seesun2012.web.mall.filter; import javax.servlet.ServletRequest; import...
通俗易懂登录退出功能
马云
06-02 1148
<script type="text/javascript"> if (window !== top) { top.location.href = location.href; } layui.use(['form', 'layer'], function () { var $ = layui.jquery, form = layui.form, layer = layui.layer, element = layui.element, t
js控制用户一个小时之内没有任何操作自动退出
tongluren381的博客
08-25 1192
js控制用户一个小时之内没有任何操作自动退出 document.addEventListener("click", operateTimeOut); var session = '${session}'; var second = 0; startit(); //开始计时 function startit() { second++; setTimeout("startit()"...
asp.net core MVC+layui中，重定向的问题，后台session过期返回登录页面时，登录页面总显示在当前的子窗口或者iframe里。这个问题怎么解决
最新发布
09-21
在ASP.NET Core MVC结合layui的情况下，当用户会话过期并尝试访问受保护的页面时，由于浏览器可能会将子窗口或iframe的内容缓存，所以登录页会被错误地显示在这些嵌套的元素中。要解决这个问题，可以采取以下几个步骤： 1. **避免自动重定向到子窗口或iframe**： 在控制器处理会话失效时，直接设置响应头`Location`指向登录页面，而不是使用`Redirect()`方法，因为这会避免自动打开一个新的导航。 ```csharp [Authorize] public IActionResult SomeProtectedAction() { if (User.Identity.IsAuthenticated == false) { HttpContext.Response.Redirect("/Login", true); // 避免 Redirect()自动导航 } return View(); } ``` 2. **清除嵌套窗口的缓存**： 使用JavaScript，当你从服务器收到会话过期的响应时，强制关闭当前的子窗口或iframe，然后跳转到登录页面。 ```javascript window.onbeforeunload = function () { // 清除iframe内容 document.getElementById('myIframe').src = ''; }; // 当接收到登录失败通知时，强制刷新登录页面 document.addEventListener("DOMContentLoaded", function () { window.location.href = "/Login"; }); ``` 3. **优化布局**： 如果可能的话，设计登录过程时，不要让用户的会话状态影响整个应用的布局，而是通过统一的入口页（如App首页）处理登录验证，这样无论在哪个子页面登录过期，都只会跳转到统一的登录界面。 总之，关键在于控制页面跳转的行为，并且在前端处理好登录状态的变化，确保每次需要认证的地方都能正确引导用户到登录页面。同时，考虑到安全性，最好还是推荐用户在新标签页中完成登录操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值