javascript - javascript iframeコンテンツの読み込みの問題?

Question

でIframe初期化しsrcましたdocument.ready event。iframeダイアログ内に配置しましたが、jquery UIダイアログを開くたびに Iframe がそのコンテンツをロードしますが、このロードプロセスがdocument.ready.Iframe で 1 回だけ行われるようにしたいのですが、これは可能ですか?

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