Как сделать, чтобы при возвращении к странице, возвращалось прежнее состояние?
 

Добрый день. Есть список товаров на сайте с подгрузкой ajax. если пользователь перешёл на страницу товара, а потом нажал стрелку назад в браузере, надо чтобы подгружались аяксом все товары, которые были подгружены перед переходом к товару и страница прокручивалась к тому товару. как такое реализуют?

Battlemouse,
HTML5 History API гугли

Спасибо. у меня ещё вопрос. как при клике на ссылке перед стандартным действием выполнять ещё своё действие и только по его завершению выполнять стандартное?

Battlemouse,

<a href="http://javascript.ru/forum/">Link</a>
    <script>
        document.links[0].onclick = function () {
            alert('Какое-то действие');
        }
    </script>

а если я в History API сохранил состояние

history.pushState({type: 'catalog'}, 'Title')

, а потом нажал на кнопку браузера назад, страница перейдёт к сохранённому состоянию или перейдёт на прошлую страницу?

Почему в коде адрес страницы не указан? Браузер перейдет к странице, которая последняя в стэке хистори.

если так создать

history.pushState({type: 'catalog'}, 'Title', location.href);

, тогда при клике назад перейдёт к предыдущему состоянию страницы?

Battlemouse,
что мешает проверить самому в браузере?

не работает. непонятно что не так сделал. А если я передал методу параметр

history.pushState({items: '5'}, 'Title', location.href);

, как мне вывести значение этого параметра?

Battlemouse,
лучше чем здесь и здесь объяснить не могу

Я вывожу данные записи истории по событию onpopstate:

window.onpopstate = function(event) {
 alert("location: " + document.location + ", state: " + JSON.stringify(event.state));
};

Можно ли тоже самое вывести по событию $(document).ready? или есть какое-то друге событие, по которому можно вывести данные из объекта истории при загрузке страницы?

Battlemouse,

$(document).ready(function() {
  alert("location: " + document.location + ", state: " + JSON.stringify(event.state));
});

есть ли событие, которое срабатывает при переходе на страницу по кнопке браузера "назад"? чтобы срабатывало на странице, куда переходят?

в консоли ошибка"ReferenceError: event is not defined"

Battlemouse,
Извиняюсь, даже не глянул толком

$(document).ready(function() {
  alert("location: " + document.location);
});

Но мне надо именно из event.state получить данные.

Battlemouse,
Вы бы хоть код дали, что ли, что такое state?

Ну а вы ссылки читали, которые я кидал? Там ведь даже пример есть. Если бы прочитали, такого бы вопроса точно не возникло. Гуглите onpopstate.