緩存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()，你可以用它做一些簡單的緩存。