第一步:
// 假设你已经从后端获取到了数据
const data = { name: 'Alice', age: 25 };
// 向父页面发送消息
window.parent.postMessage(data, '*');
第二步:
// 监听消息事件
window.addEventListener('message', function(event) {
// 确保消息来源可靠
if (event.origin !== 'http://example.com') return; // 替换为你的iframe域名
// 处理数据
const receivedData = event.data;
console.log(receivedData); // { name: 'Alice', age: 25 }
});
实现从iframe内嵌页面获取后端数据并传递给父页面
最新推荐文章于 2024-07-12 16:27:40 发布