最稳妥方式是父页面在layer.open的success回调中挂载parent.receivedata函数供子页面调用，子页面校验后传对象并立即关闭弹层，避免postmessage等复杂方案。
直接用 parent.layer.close 配合回调函数是最稳妥的方式，别硬塞 postmessage 或 localstorage —— 跨域、时机、监听丢失问题太多。
layer.open 的 success 回调里暴露父页面接收入口
子页面不能主动“推”数据给父页面，得等父页面准备好接收。关键是在 layer.open 的 success 里提前挂一个函数到 parent 上，让子页面能安全调用：
- 父页面必须在
success中定义类似parent.receiveData = function(data) { ... }的全局接收函数 - 这个函数要能被 iframe 子页面通过
parent.receiveData(...)直接访问（同源前提下） - 不要在子页面 onload 里立刻调用，加个
setTimeout或监听parent.receiveData是否存在，避免执行时父函数还没挂载上
子页面调用 parent.receiveData 传多个参数的写法
别拆成多个独立变量传，统一打包成对象，结构清晰、扩展性强：
// 子页面中
var data = {
id: 123,
name: '张三',
status: 'active',
tags: ['admin', 'vip']
};
if (typeof parent.receiveData === 'function') {
parent.receiveData(data);
parent.layer.close(parent.layer.getFrameIndex(window.name));
}
- 必须检查
parent.receiveData类型，防止父页面未定义导致报错中断 - 调用后立即关掉当前弹层，用
parent.layer.getFrameIndex(window.name)拿索引最可靠 - 中文、特殊字符无需额外编码，对象直传不走 URL，不存在乱码问题
父页面接收后如何安全处理多参数
接收函数里别直接操作 DOM 或发起请求，先做校验再分发：
// 父页面定义（放在 layer.open 外或内均可，但必须在 success 之前/之中挂载）
window.receiveData = function(data) {
if (!data || typeof data !== 'object') return;
console.log('收到子页数据：', data);
// 后续逻辑：填表单、刷新表格、触发事件等
$('#user_id').val(data.id);
$('#user_name').val(data.name);
};
- 一定要判断
data是否为有效对象，子页面可能传空、null 或格式错误 - 不要在
receiveData里写异步等待逻辑（比如等某个模块加载完），它只负责“收”，不负责“等” - 如果涉及表单联动，建议用事件机制解耦：
$(document).trigger('child:data-received', [data])
为什么不用 URL 参数或 postMessage
URL 参数只适合简单、少量、无敏感信息的传递；postMessage 在 layer 场景下容易踩三个坑：
- 子页面拿到
iframe.contentWindow不稳定，layer 动态生成 iframe ID，手动查容易错位 -
postMessage的targetOrigin必须精确匹配协议+域名+端口，本地开发用file://直接失败 - 父页面需长期监听
message事件，而 layer 弹层关闭后监听器还在，容易引发内存泄漏或误触发
真正复杂的地方不是“怎么传”，而是“谁来确保子页面一定能在父页面准备好之后才发”。layer 自带的 index 管理和父子作用域链，已经提供了足够轻量又可靠的通道——用好它，比自己造轮子更省心。
