缓存html .load结果更快加载

Question

我想知道如何缓存JavaScript中.load函数的结果，我正在加载一个像下面这样的html文件，我想要做的是加载通过Parent-ID进行缓存，然后在调用每个子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()，你可以用它做一些简单的缓存。