必须使用 layer.open() 的 end 回调函数触发父页面局部刷新，因其在弹窗 dom 完全移除、动画结束后执行；其他方式如 yes、cancel、layer.closeall() 或 iframe 内直接调 parent.location.reload() 要么触发不可靠，要么导致整页刷新或脚本报错。
关闭 layer.open 弹层后怎么触发父页面刷新
直接调用 location.reload() 最简单，但多数场景下没必要全页重载——既慢又破坏用户当前滚动位置和表单输入状态。更合理的做法是只刷新数据区域，比如表格、列表或某个 div 容器。
子页面如何安全调用父页面的 JavaScript 函数
弹层本质是 iframe 或 DOM 节点，只要没跨域，就能通过 window.parent 访问父页面上下文。前提是父页面提前定义好回调函数，且子页面关闭前主动调用它。
- 父页面需暴露一个全局函数，例如：
window.refreshData = function() { /* 重新加载表格数据 */ } - 子页面在确认操作完成（如保存成功）后，执行：
window.parent.refreshData && window.parent.refreshData() - 不要直接写
window.parent.location.reload()—— 这会绕过你精心写的局部刷新逻辑 - 如果弹层是用
layer.open({type: 2})加载 iframe，注意 iframe 内脚本默认无法访问父页面 DOM，必须显式通过window.parent调用
使用 layer.close 后自动触发刷新的常见写法
很多开发者误以为 layer.close(index) 本身会触发回调，其实它只是关闭弹层，不带后续动作。真正可靠的方式是把刷新逻辑放在关闭前的业务流程里。
- 在子页面提交成功后，先执行业务逻辑（如发请求），再调用
parent.layer.close(parent.layer.getFrameIndex(window.name)) - 紧接着调用
window.parent.refreshData()，顺序不能颠倒 - 如果用了
layer.msg提示成功，别把refreshData写在layer.msg的回调里——它只控制提示框，和弹层关闭无关 - 避免在子页面
onunload或beforeunload中触发刷新，这些钩子不可靠，尤其在 iframe 场景下容易失效
为什么用 AJAX 局部刷新比 reload 更稳妥
全页刷新会丢掉所有 JS 状态（比如 Vue 实例、React state、未提交的表单草稿），而局部刷新只更新目标区域，体验更连贯。Layui 的 table.render 和 table.reload 就是为此设计的。
- 父页面若用
table.render渲染表格，推荐调用table.reload('yourTableId', { page: { curr: 1 }}) - 如果表格没设
id，可用table.reload的第二个参数传入配置，包括where、page等 - 注意：reload 不会重走
init阶段，所以像done回调仍有效，但cols不会重新解析 - 若父页面用的是原生渲染（比如拼 HTML 字符串），那就得手动清空容器再
$.get新数据并.html()插入
父页面是否已定义可被调用的函数、子页面是否在正确时机触发、以及刷新方式是否匹配当前渲染机制——这三个点漏掉任何一个，都会导致“看起来关了，但数据没变”。
