layui弹窗关闭后自动刷新父页面数据应使用end回调函数，确保覆盖所有关闭路径且dom完全移除后执行；需将tableins声明为全局变量，并在end中调用reload加时间戳防缓存。
需要在Layui弹窗关闭后自动刷新父页面数据，而不是手动点击刷新按钮或整个页面重载——这样能保留当前滚动位置、未提交的表单内容和Tab页签状态，避免用户操作中断。
用 end 回调函数触发父页面局部刷新
这是唯一覆盖所有关闭路径（右上角×、Esc、点击遮罩、主动调用 layer.close）且时机最可靠的方案。end 在弹窗 DOM 完全移除、动画彻底结束后执行，适合做后续清理与更新动作。
第一步：确保父页面已初始化表格并持有实例引用，例如：【var tableIns = table.render({...}) 必须声明为全局变量】
第二步：在 layer.open() 配置中写入 end 回调：
layer.open({<br> type: 2,<br> content: '/edit-user.html',<br> end: function() {<br> if (tableIns && typeof tableIns.reload === 'function') {<br> tableIns.reload({ page: { curr: 1 }, where: { t: Date.now() } });<br> }<br> }<br>});
注意：不要把 tableIns 声明在函数内部或 let/const 块级作用域里，否则 end 中无法访问；加 t: Date.now() 是为了强制绕过浏览器缓存，避免刷出旧数据。
子页面主动通知父页面并关闭自身
适用于 iframe 类型弹窗，由子页控制“何时刷新+何时关闭”，逻辑更清晰，尤其适合带参数的条件刷新。
方法一：父页面打开弹窗时注入回调函数
在 layer.open 的 success 回调中，向 iframe 内容窗口挂载一个函数：
success: function(layero, index) {<br> var iframe = layero.find('iframe')[0].contentWindow;<br> iframe.parentRefresh = function(options) {<br> tableIns.reload(options || {});<br> };<br>}
方法二：子页面提交成功后调用并关闭
在子页保存按钮事件中写：
document.getElementById('saveBtn').onclick = function() {<br> $.post('/api/user/save', formData, function(res) {<br> if (res.code === 0) {<br> parent.parentRefresh({ where: { status: 'active' } });<br> parent.layer.close(parent.layer.getFrameIndex(window.name));<br> }<br> });<br>};
这一步操作起来很简单，直接把刷新逻辑和关闭动作串在一起就行。但必须确保 parent.parentRefresh 是函数才执行，否则 iframe 单独打开时会报错。
错误做法及规避要点
❌ 在子页面 iframe 内直接写 parent.location.reload() —— 这会导致整页刷新，丢失所有 JS 状态和用户输入。
❌ 把刷新逻辑写在 layer.open 的 yes 或 cancel 回调里 —— 用户点右上角 × 或按 Esc 就不会触发，漏掉关键路径。
❌ 在子页面 onunload 或 beforeunload 钩子中调用刷新 —— iframe 场景下这些钩子不可靠，经常不执行。
✅ 正确前提：弹窗必须由父页面同域调用 layer.open() 打开，否则 window.parent 访问受限；若跨域，此整套方案失效。
