当在主页面执行添加或修改时,用弹出层是比较好的选择,如何关闭弹出层并对父级页面进行操作呢
首先在父级页面中打开一个添加页面(弹出层)
在添加页面的表单提交函数中添加如下代码:
function formSubmit(){ var serialStr = $("#form-myform-add").serialize();//序列化表单 var urlStr = '#';//请求的url $.ajax({ type:'get', url:urlStr, data:serialStr, success:function(code){ if (code ==0) { layer.msg('添加成功!',{icon:1,time:1000}); }else{ layer.msg('添加失败!',{icon:2,time:1000}); } //parent.$('.btn-refresh').click(); } }); var index=parent.layer.getFrameIndex(window.name);//获取当前弹出层的层级 // parent.$('.btn-refresh').click();//刷新父页面 window.parent.location.reload();//刷新父页面 parent.layer.close(index);//关闭弹出层 }
刷新父页面的方法有两种:第一种就是使用
window.parent.location.reload();
第二种:可以在父页面中添加一个隐藏的刷新按钮:
<a class="btn-refresh" style="display: none;" href="javascript:;" onclick="javascript:location.replace(location.href);" title="刷新" ></a>
使用
parent.$('.btn-refresh').click();//刷新父页面
刷新页面