怎么在layer.open里修改数据之后,刷新父页面的表格

最新推荐文章于 2026-06-23 11:31:32 发布

原创最新推荐文章于 2026-06-23 11:31:32 发布 · 5.3k 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

layui

当前文章被收录于：

layui

3 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种在弹窗关闭后刷新父页面的方法，通过定义一个刷新函数并在弹窗中调用parent.reloadData()实现。利用jQuery和layer插件完成这一过程，确保了操作成功后能及时更新父页面数据。

在父页面定义一个刷新函数。例如
父：

 function reloadData(){
        //当前页的刷新
        $(".layui-laypage-btn")[0].click();
    }

弹窗：
关闭之后使用parent.reloadData()。

$.ajax({
                 //几个参数需要注意一下
                type: "POST",//方法类型
                dataType: "json",//预期服务器返回的数据类型
                url: "${CONTEXT_PATH}xxx/xxx" ,//url
                data: $('#formid').serialize(),
                success: function (data) {
                    if(data.status==200){
                        layer.msg("操作成功!",{icon:1, time: 3000, offset: '12px', closeBtn: 1});
                        setTimeout(function(){
                           //刷新父页面

                            parent.reloadData();
                            var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                            parent.layer.close(index);  // 关闭layer
                        }, 400);
                    }else{
                        layer.msg(data.msg,{icon:2, time: 3000, offset: '12px', closeBtn: 1});
                    }
                },
                error : function() {
                    alert("操作失败！");
                }
            });