iFrame:如何使用javascript直接在iFrame中显示服务器响应(HTML)?

Gen*_*ful 1 html javascript iframe html5

我得到一个简单的服务器响应,这是一个html文件,我想在iFrame中显示相同,而不将文件保存到我的工作区或机器.

我正在进行如下的ajax调用.

                   Ext.Ajax.request({
                        url : 'url',
                        method : 'POST',
                        success : function(response) {

                        var responseHtmlStr =response.responseText;
Run Code Online (Sandbox Code Playgroud)

我在responseHtmlStr中获得的示例服务器响应如下所示.

<!DOCTYPE html>
<html>
<head>
<script>
function copyText()
{
alert('It is clicked');
}
</script>
</head>
<body>

Field1: <input type="text" id="field1" value="Hello World!"><br>
Field2: <input type="text" id="field2">
<br><br>
<button onclick="copyText()">Copy Text</button>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我用来创建iFrame的代码如下.

;

因为我不想将服务器响应存储在文件中的服务器中.如何直接在iFrame中提供服务器响应?

我试过document.getElementsByTagName('iframe')[0].contentWindow.document.write(serverResponse);?但它不能使用上面的代码.

请其他任何建议.提前致谢.

谢谢Gendaful

Dio*_*ane 6

使用vanilla JavaScript:

document.MyFrame.document.body.innerHTML = serverResponse
Run Code Online (Sandbox Code Playgroud)

你有的地方 <iframe name="MyFrame"></iframe>