javascript xhr 加载 iframe 作为响应

Question

有谁知道如何让这个 XHR 请求响应将 .php 文件加载到 iframe 中而不是直接加载？

var xhr= new XMLHttpRequest();
    xhr.open('GET', 'http://example.com/foo/bar/baz.php', true);
    xhr.onreadystatechange= function() {
        if (this.readyState!==4) return;
        if (this.status!==200) return;
        document.getElementsByTagName('body')[0].innerHTML = document.getElementsByTagName('body')[0].innerHTML + this.responseText;    
};
xhr.send();

Answer 1

替换这个:

document.getElementsByTagName('body')[0].innerHTML = document.getElementsByTagName('body')[0].innerHTML + this.responseText;

用这个:

var iframe = document.createElement('iframe');
iframe.srcdoc = this.responseText;
iframe.src = "data:text/html;charset=utf-8," + escape(this.responseText);
document.body.appendChild(iframe);

或者，如果您只想在 iFrame 中显示页面而不发出 XHR 请求。只需将其用作您的代码:

var iframe = document.createElement('iframe');
iframe.src = 'http://derrick.dk/ogmobi/facebook/contentLockerFacebook.php';
document.body.appendChild(iframe);