Кэшируйте html .load результаты для более быстрой загрузки

Question

Мне было интересно, как я могу кешировать результаты из функции .load в javascript, я загружаю 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

Переписать логику загрузки следующим образом:

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

Проверка http://diveintohtml5.ep.io/storage.html. Существует также jQuery.data () , с ним можно также выполнить простое кэширование.

Answer 2

$.ajaxSetup ({
    cache: true
});

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