Question

我想知道如何在javascript中缓存.load函数的结果，我正在加载一个如下所示的html文件，我想要做的是通过Parent-ID加载缓存然后每个调用child-ID，它不必每次都重新加载html文件。

<div id="provider1">

    <div id="thumb1">
content1
    </div>
    <div id="thumb2">
content2
    </div>
    <div id="thumb3">
content3
    </div>
</div>

我一直在使用的javascript：

var titleID = $(this).attr('id');
$('#content').prepend('<div id="loading">load</div>')
.load('test.html #'+ titleID')

非常感谢

Answer 1

$.ajaxSetup ({
    cache: true
});

var titleID = $(this).attr('id');
$('#content').prepend('<div id="loading">load</div>')
.load('test.html #'+ titleID')

Answer 2

重写这样的加载逻辑：

if (stuff in localStorage) {
// take it from there
} else {
// load
// on complete, put stuff in localStorage
}

检查http://diveintohtml5.ep.io/storage.html。还有jQuery.data()，您也可以使用它进行一些简单的缓存。

缓存html .load结果可以更快地加载

2 个答案: