将数据从 Iframe 传递给祖父母

Question

所以基本上我这里有一个棘手的案例。我有一个包含 iframe 的 React 应用程序，在该 iframe 中我有我需要的数据才能一直到 React 应用程序。我可以访问react app的代码，我可以访问最里面iframe的代码。我无权访问中间 iframe 的代码。如果有必要知道我正在使用带有自定义可视化效果的嵌入式 looker 仪表板。

我考虑过把它放在最里面的 iframe

window.parent.postMessage({ message: "getAppData", value: MyDataToPass }, "*");

但这行得通吗？或者我可以做

window.parent.parent.postMessage({ message: "getAppData", value: MyDataToPass }, "*");

如果有办法做到这一点，那将非常有帮助

Answer 1

所以我几乎没有时间四处闲逛。使用 window.parent.parent.postMessage({ message: "getAppData", value: MyDataToPass }, "*"); 如上所述就是答案，在 React 应用程序中监听消息使我能够访问我需要的数据。

将数据从 Iframe 传递给祖父母

Pass Data From Iframe to grandparent

javascript

iframe

postmessage