使用 AJAX 和 iFrame答案

【问题标题】：Using AJAX and iFrames使用 AJAX 和 iFrame
【发布时间】：2014-01-02 12:58:17
【问题描述】：

我对 iFrames 和 AJAX 还很陌生。我希望创建一个代码区域，在其中将 HTML CSS 和 JS 输入三个文本框（或代码镜像）并显示在结果中。我被告知要创建 3 个文本区域来放置您的代码（html、javascript、css）。当用户按下按钮时，它会向服务器发送一个 ajax 请求，发送 3 个文本，以生成一个由各个部分组成的临时页面并返回其 URL。然后创建一个指向它的 iframe（或更新现有 iframe 的 src）。我该怎么做？你能给我一个粗略的指导吗（如果你做了类似的事情来指导我，很高兴看到一些代码）......谢谢

【问题讨论】：

Google 是你的朋友，使用它吧 :) 干杯

标签： javascript html css ajax iframe

【解决方案1】：

使用目标设置为 iframe 的表单：

<iframe id='codeframe' name="codeframe" src="#" width="100%" height="100%" frameBorder="1" scrolling="no"></iframe>

<form id="form1" action="abc.php" method="POST" target="codeframe">
<!-- Three text areas -->
<input type="submit" />
</form>

【讨论】：