https://developer.mozilla.org/en/doc...sessionStorage
<div></div>
<script>
// эмуляция AJAX запроса
function someAwesomeAjaxFunction(cb) {
setTimeout(function() {
cb('Some awesome response');
}, 1000);
}
// Эта функция отвечает за вывод данных в нужный элемент
function putSomeAwesomeData(injectTo) {
// Получаем данные из sessionStorage
var data = sessionStorage.getItem('someAwesomeResponse');
// Если данные sessionStorage есть
if (data) {
// Добавляем данные из sessionStorage в необходимый элемент на странице
injectTo.innerHTML = data;
// выход из функции.
return;
}
// Если данных в sessionStorage нет, то получаем их AJAX запросом.
someAwesomeAjaxFunction(function(response) {
// Добавляем полученные данные в необходимый элемент на странице
injectTo.innerHTML = response;
// Записываем данные в sessionStorage
sessionStorage.setItem('someAwesomeResponse', response);
});
}
putSomeAwesomeData(document.querySelector('div'));
</script>