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);