最近用servlet写一个小项目的时候遇到这样一个问题,前端页面是通过iframe来展示页面的,类似下图:
这时候遇到一个问题,有一个修改密码的功能,修改页面是在iframe中,但是通过form表单提交修改请求到servlet修改完成后,需要重定向到登录页面,但是如果这样的话,登录页面也会嵌入到iframe中,这显然不合理,应该要跳出iframe,其实很简单只需要在form表单中加入一条属性:target="_parent",如下:
<form class="layui-form" target="_parent" action="UsersServlet?type=update" method="post">
这样重定向到登录界面的时候就会跳出iframe。记录!
上面这个是form表单提交,如果是在也面直接通过ajax跳转的话如下操作:
var url = ctx + "/manage/loginOut"; //返回列表页面
window.parent.location.href = url;
在window后面加个parent或者top就可以。