Показать сообщение отдельно
  #3 (permalink)  
Старый 12.01.2016, 11:47
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

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>

Последний раз редактировалось Lemme, 12.01.2016 в 13:03.
Ответить с цитированием