缓存html .load结果以加快加载速度

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

Thanks to lot

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()，你也可以用它做一些简单的缓存。