Html 如何从iframe读取响应

我在我的代码中使用表单post，我正在打印对iframe的响应，但我无法读取 来自I帧的响应

let iframeDoc = this.iframe.nativeElement.contentDocument; is coming null


<form #myFormId action="http://baseurl/login" method="post" target="load_data">
  <label for="username">First name:</label>
  <input type="text" id="username" name="username"><br><br>
  <label for="password">Last name:</label>
  <input type="text" id="password" name="password"><br><br>
  <button (click)="check($event)">Click</button>

</form>

<iframe #load_data name="load_data" (load)="onIFrameLoad($event)"   >


</iframe>

让iframeDoc=this.iframe.nativeElement.contentDocument；是空的
名字：



姓氏：



点击

由于安全问题，您无法读取iframe的内容

---

但是您可以使用

窗口与iframe通信。postMessage

API，请获取更多信息

如果您的父应用程序和iframe中的应用程序呈现不具有相同的源（：：），则由于浏览器施加的安全性，您将无法访问iframe内容

如果您可以使用代理使iframe应用程序从同一来源渲染，那么您应该能够读取contentDocument属性

---

有关这方面的更多信息，请访问

我已经看到了这一点，但是如何将响应消息从iframe发布到父级。文档中说发送静态消息，但是我想从iframe读取响应。你能帮我一下吗。如果你想从iframe发送消息到外部页面，请使用

parent。postMessage

parent指外部页面是的，但是如何获取iframe数据以传入postMessage参数。parent.postMessage（response，“*”；如何获取在iframe中显示的响应。

document.documentElement.innerHTML将在iframe中返回内容运行此文档时，我正在使用angular应用程序。documentElement.innerHTML将抛出整个应用程序页。如何仅访问iframe数据。我的父项只是一个表单，我正在打印响应在Iframe上。当我检查url时，这两个url都有相同的来源，当页面在提交表单之前第一次加载时。提交到表单后，数据将显示在iframe上。现在它阻止了一个原点为“”的帧访问跨原点帧。请详细说明使用代理从同一原点渲染iframe应用程序。