より速い読み込みのためのhtmlロード結果のキャッシュ

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()もあります。単純なキャッシングも可能です。