打字稿：如何从离子中的 iFrame 获取输入数据答案

【问题标题】：Typescript : How can I get input data from iFrame in ionic打字稿：如何从离子中的 iFrame 获取输入数据
【发布时间】：2025-11-29 02:30:01
【问题描述】：

我有 ionic 页面女巫调用外部 iframe 支付页面。这个 iframe 有它自己的操作，然后在它自己的框架中返回结果，（如重定向安全支付页面）

我像

这样在框架中打开页面

<ion-content padding>
  <ion-label>Result :</ion-label>
  <iframe id="payment-frame" width="100%" height="100%" [src]="url" frameborder="0" allowfullscreen></iframe>
</ion-content>

在 ts 文件中，我尝试获取类似的输入

var script = (<HTMLScriptElement[]><any>document.getElementsByName('Result'))[0];
console.log(script);

// 输入为空

然后我尝试先获取框架然后获取内部元素

var inputValue = (<HTMLInputElement>document.getElementById('payment-frame').contentWindow.document.getElementById('Result'));

// 表示 HTMLElement 中不存在内容窗口。

如何从外部 iframe 页面获取“结果”元素？有谁可以帮忙吗？

【问题讨论】：

标签： typescript ionic2

【解决方案1】：

我认为你可以使用 postMessage() 来交流https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

试试看:)

如果需要的话，我稍后会尝试创建一个 plunk

【讨论】：