將HTML響應注入到iframe中（通過AJAX調用）

Question

我不會動搖：我的AJAX調用返回一個消息對象響應（message = {...}），其中messages.description參數是一個類似於以下內容的HTML字符串：

"<!doctype html>
<html>
  <head>
    <style>
      ...some style
    </style>
  </head>
  <body>
    ...some content
  </body>
</html>"

有什么方法可以將其嵌入到iframe中？ 我對iframe不太熟悉，對此提供的任何幫助都將不勝感激！

另外，我正在使用沒有babel或webpack的香草React，因此React.createElement（）足夠豐富。 這只是為了概述新功能，因為我的公司希望在接下來的幾個月中遷移到React + node.js

Answer 1

您可以按以下方式將html注入iframe，

HTML：

<iframe id="iFrameID" src="javascript:void(0);"></iframe>

使用Javascript：

document.getElementById('iFrameID').src = "data:text/html;charset=utf-8," + escape(htmlContent);

Answer 2

您不能這樣做，因為瀏覽器跨域策略禁止使用它。

但是，在一種情況下，如果您可以控制要在iframe中更新html的域，則可以。

更多信息https://spring.io/understanding/CORS