使用AJAX和iFrames

时间:2014-01-01 20:46:47

标签: javascript html css ajax iframe

我是iFrames和AJAX的新手。我想创建一个代码区域,我将HTML CSS和JS输入三个文本框(或代码镜像)并显示在结果中。我被告知要创建3个textareas来放置你的代码(html,javascript,css)。当用户按下按钮时,它向服务器发送ajax请求,发送3个文本,以生成临时页面,该页面是各个部分的组成并返回其URL。然后创建一个指向它的iframe(或更新现有的src)。我该怎么做?你能给我一个关于如何做到这一点的粗略指南(如果你做了类似的指导,我会很高兴看到一些代码)...谢谢

1 个答案:

答案 0 :(得分: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>