layer彈出層的關閉及父頁面的刷新問題

當在主頁面執行添加或修改時，用彈出層是比較好的選擇，如何關閉彈出層並對父級頁面進行操作呢

首先在父級頁面中打開一個添加頁面（彈出層）

在添加頁面的表單提交函數中添加如下代碼：

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

刷新頁面