I am getting a simple server response which is an html file and I want to display the same in iFrame without saving the file to my workspace or machine.
I am making an ajax call as below.
Ext.Ajax.request({
url : 'url',
method : 'POST',
success : function(response) {
var responseHtmlStr =response.responseText;
Sample Server response which I am getting in responseHtmlStr is as below.
<!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>
The code I am using to create the iFrame is as below.
;
As I dont want to store the server response in the server in a file. How to directly feed the server response in the iFrame?
I tried document.getElementsByTagName('iframe')[0].contentWindow.document.write(serverResponse); but it is not working with the above code.
Any other suggestions please. Thanks in advance.
Thanks Gendaful
I am getting a simple server response which is an html file and I want to display the same in iFrame without saving the file to my workspace or machine.
I am making an ajax call as below.
Ext.Ajax.request({
url : 'url',
method : 'POST',
success : function(response) {
var responseHtmlStr =response.responseText;
Sample Server response which I am getting in responseHtmlStr is as below.
<!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>
The code I am using to create the iFrame is as below.
;
As I dont want to store the server response in the server in a file. How to directly feed the server response in the iFrame?
I tried document.getElementsByTagName('iframe')[0].contentWindow.document.write(serverResponse); but it is not working with the above code.
Any other suggestions please. Thanks in advance.
Thanks Gendaful
Share Improve this question edited Mar 12, 2013 at 21:17 Gendaful asked Mar 12, 2013 at 19:27 GendafulGendaful 5,80213 gold badges59 silver badges78 bronze badges 11- The current page is the server response. Do you want to copy the current page content to the Iframe? – Diodeus - James MacFarlane Commented Mar 12, 2013 at 19:38
- How are you generating your response? Are you using a framework, or are you writing the AJAX call yourself? – Gareth Cornish Commented Mar 12, 2013 at 19:38
- Also, do you need to make a POST request, or will a GET request do? – Gareth Cornish Commented Mar 12, 2013 at 19:44
- @Diodeus : Yes. The html shown above is the server response. I want to show it in the iFrame. My main confusion is to how to feed the server response directly to iFrame. I have kept a code here so you may try it. senchafiddle./#GBOYZ – Gendaful Commented Mar 12, 2013 at 21:13
- 1 document.MyFrame.document.body.innerHTML = serverResponse, where you have <iframe name="MyFrame"></iframe> – Diodeus - James MacFarlane Commented Mar 12, 2013 at 21:38
2 Answers
Reset to default 6With vanilla JavaScript:
document.MyFrame.document.body.innerHTML = serverResponse
..where you have <iframe name="MyFrame"></iframe>
Not sure if this will work, I do something similar using jquery (but could do it just as easily without)...
$('iframe').contents().find("html")
.append($("<head></head><body> blah blah blah </body>"));