У меня пагинация сделана с помощью AJAX. Когда я хочу вернуться на прошлую страницу с помощью кнопки браузера «назад», это не работает. Как исправить?

Question

[sorry_i_noob]

Здравствуйте. Как мне исправить эту проблему?

Я так понял, что нужно использовать функцию
$(window).on('popstate', function (event) {...}
И в ней сверять текущий url (который получился после нажатия на кнопку "Назад" в браузере) с прошлым (до кнопки "Назад"). Если поменялись GET параметры, но сам url такой же (location.pathname), то выполнять ajax на сервер и получать item'ы, учитывая текущий GET параметр page (то есть, с нужным offset).
Но как получить прошлый url (до нажатия кнопки "Назад" в браузере)? Можно внести его в cookie, но ведь пользователь несколько раз может нажать кнопку "Назад" в браузере. Также, как и "Вперед".
Итак, вопрос - как получить прошлый url?

Answer 1

[Stalker_RED]

History API
Добавление и изменение записей истории

Представьте страницу mozilla.org/foo.html, которая выполняет следующий JavaScript:

var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");

В этом случае адресная строка станет показывать mozilla.org/bar.html, но браузер не будет загружать страницу bar.html и даже проверять существует ли она.

Comments

[sorry_i_noob]

Я подредактировал вопрос, посмотрите.

[Stalker_RED]

sorry_i_noob, ответ на той-же странице, чуть выше или ниже. Там не только запись в историю, можно прочитать и предыдущий адрес, и несколько предыдущих.

Правда все равно непонятно ЗАЧЕМ вам его получать. Когда пользователь нажмет "назад" url поменяется автоматически же. Для пагинации достаточно знать только текущий номер страницы.

Answer 2

[Zevs91]

Все просто, когда пользователь заходит в раздел постов с пагинацией Вам надо включить супер глобальный массив

$_SESSION['ajax_pagination'] = true; 
$_SESSION['ajax_pagination_page'] = 5//текущая страница

Когда пользователь нажмет на кнопку назад в браузере его перекидывает на страницу до того как он попал на страницу с постами и пагинацией
Вам надо будет в каждой php файле включить специальны обработчик для проверки активности $_SESSION['ajax_pagination'], если оно активна перекидывать его на страницу с постами и пагинациями и минус одну страницу из пагинаций

Comments

[sorry_i_noob]

С php частью я разобрался, я не могу понять, как написать JS часть.
Я думаю, что нужно использовать функцию
$(window).on('popstate', function (event) {...}
И в ней сверять текущий url с прошлым. Если поменялись GET параметры, но сам url такой же (location.pathname), то выполнять ajax на сервер и получать item'ы, учитывая текущий GET параметр page (то есть, с нужным offset).
Но как получить прошлый url? Можно внести его в cookie, но ведь пользователь несколько раз может нажать кнопку "Назад" в браузере. Также, как и "Вперед".

Answer 3

[Алексей Лауд]

Просто заведите переменную, в которой будете хранить последнее значение адреса. Адрес поменялся, сравнили, обработали, записали в эту переменную новое актуальное значение.