Ajax-загрузка и кнопка "Назад" в браузере

Рейтинг: 1Ответов: 1Опубликовано: 31.01.2015

Всем привет.

Ищу способы "подружить" ajax-загрузку контента и кнопку "Назад" в браузере. Т.е., к примеру, у меня ajax'ом при скроле загружается список товаров, и как сделать, чтобы при клике на какой-нибудь товар я с него мог попасть на страницу списка товаров, с которого я пришёл, но так, чтобы я заново не подгружал (скроллил) товары? Например, как это сделано на озоне - динамически подгружаются товары, и при клике на товар с него можно вернуться на прежнюю страницу списка товаров.

Заранее спасибо!

javascript ajax
Источник: Stack Overflow на русском

Ответы

▲ 2

Вариантов полно, к примеру, можно хранить некие параметры (список товаров, страницу списка товаров, высоту скролла) в localStorage. Т.е. когда вы формируете страницу со списком товаров, у Вас будет примерно такой "псевдокод":

var defaultPage = 0;
var lastVisitPage = localStorage.userCardPage;

if (!lastVisitPage) {
    localStorage.userCardPage = defaultPage;
    lastVisitPage = defaultPage;
}

console.log(lastVisitPage);

Возможно, Вам поможет вот этот вопрос\ответ:

Сохранение действия скрипта JS после перезагрузки страницы