javascript - javascript iframe 内容加载问题？

Question

我的网站上有一个Iframe。我将其初始化src为document.ready event. 我放置iframe在jquery UI对话框内，现在每次打开对话框时，Iframe 都会加载其内容，但我希望这个加载过程只发生一次document.ready。这可能吗？

Answer 1

是的，您可以使用 XmlHttpRequest 获取一次内容，将其存储到本地变量中，并在打开对话框时重用此变量。

var myReusableContent;

$(window).ready(function() {
    var httpRequest = new XMLHttpRequest();
    httpRequest.onreadystatechange = function() {
        if (httpRequest.readyState === 4) {
            if (httpRequest.status === 200) {
                myReusableContent = httpRequest.responseText;
            }
        }
    };
    httpRequest.open('GET', muurl);
    httpRequest.send();
});

当您需要填充 iframe 时，只需执行

$('myIframe').html(myReusableContent);