Javascript XHR在响应中加载iframe

javascript xhr load iframe in response

本文关键字：加载 iframe 响应 XHR Javascript      更新时间：2023-09-26

有没有人知道如何使这个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();

替换为

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);
相关文章：