码迷,mamicode.com
首页 > 其他好文 > 详细

layer弹出层的关闭及父页面的刷新问题

时间:2017-12-02 12:54:35      阅读:487      评论:0      收藏:0      [点我收藏+]

标签:parent   splay   ajax   使用   click   序列   执行   ati   隐藏   

当在主页面执行添加或修改时,用弹出层是比较好的选择,如何关闭弹出层并对父级页面进行操作呢

首先在父级页面中打开一个添加页面(弹出层)

在添加页面的表单提交函数中添加如下代码:

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();//刷新父页面

刷新页面

layer弹出层的关闭及父页面的刷新问题

标签:parent   splay   ajax   使用   click   序列   执行   ati   隐藏   

原文地址:http://www.cnblogs.com/lixiang1993/p/7953798.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!