在写前端页面时遇到layer.open创建一个子页面,子页面在点击按钮之后怎么自动返回父窗口并刷新当前页面。
代码如下:
父页面创建子页面
addStu:function(){
layer.open({
type:2,//创建子页面
skin:'layui-layer-rim',//边框
area:['500px','500px'],//宽高
fixed:false,
content:'add.html',//跳转到子页面
success:function(layer,index){//成功之后执行操作
},
end:function(){//失败后执行操作
window.location.reload();//刷新当前页面
}
})
},
点击子页面进行刷新并关闭当前页面
<script type="text/javascript">
$(function(){
$("#submit").click(function(){
var index = parent.layer.getFrameIndex(window.name);//注意这点获得关掉的页面名称
$.post("后台控制器的路径",{function(data,status){
parent.layer.close(index);//关闭弹出层
parent.location.reload();//更新父级页面
});
});
});
</script>
<button class="layui-btn" id="submit" lay-submit="" lay-filter="demo2">确认添加</button>