JQuery 关闭子页面，刷新父页面

最新推荐文章于 2020-12-23 16:26:57 发布

NL_LIU

最新推荐文章于 2020-12-23 16:26:57 发布

阅读量4k

点赞数 2

分类专栏： JQuery 小方法文章标签： jquery ajax

本文链接：https://blog.youkuaiyun.com/sddycai/article/details/72529028

版权

JQuery 小方法专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种实现子页面关闭并同时刷新父页面的方法，包括三个关键步骤：子页面执行完毕后关闭自身、刷新父页面的数据表格及正确设置弹出窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注意，这三个方法缺一不可

1,执行完ajax方法以后关闭子页面,这个方法是写在子页面的！

if(parent != null && parent.closePopBox != null && typeof(parent.closePopBox) == "function"){
                        parent.closePopBox();//关闭子页面
}

2,刷新父页面,这个方法只需要随便找个地方放入就行！

function closePopBox(){
    $(".webox").find("iframe").removeAttr("src");
    $(".webox").remove();
    $(".background").remove();

    refreshTableData();
}
function refreshTableData(){
    $('#dg').datagrid('reload');//要刷新的哪个表格
}

3.弹出窗口的写法,这个方法，仅限于和上面的两个写法，
//这个方法要写在父页面，父页面打开子页面的方法

function openAddForm() {

        $.webox({
            width : 1050,
            height : 460,
            bgvisibel : true,
            title : "Kqi Name",
            allscreen : false,
            iframe : openAddpage//要打开页面的URL地址
        });

    }

//打开地址的URL

var openAddpage = localUrl + "/plugins/sqm/servicemode/updateLevel.jsp";