Выполнение серверного кода после нажатия кнопки «Назад» в браузере

@levelost · Регистрация: 30.07.2014

Студворк — интернет-сервис помощи студентам

Добрый день.

Проблема в целом далеко не новая, но элегантного решения для своего случая пока не нашёл. Дело в том, что отображение нескольких блоков на сайте напрямую зависит от значений cookies. Во многих случаях работа с cookies (чтение/запись) происходит на стороне сервера (PHP). При нажатии кнопки «Назад» в браузере серверный код, естественно, не выполняется, и посетителю показывается устаревшая версия страницы. Сейчас мне приходится писать кучу JS-функций, которые тупо дублируют работу серверной части с cookies, т. к. JS отрабатывает после нажатия кнопки «Назад».

Хотелось бы использовать более красивое решение. Может у кого-то есть варианты?

@Fart83 · 24.08.2017, 05:39

localStorage/sessionStorage, ajax (динамическая загрузка контента), ну, или с кешем поиграть??

@levelost · 24.08.2017, 08:44 **[ТС]**

localStorage/sessionStorage в моём случае ничего не дают (те же cookies только в профиль), AJAX итак используется (везде его использовать нет смысла, т. к. индексироваться сайт тоже должен), полное отключение кэша не помогло (как ни странно), да и нежелательно оно.

Получается логичнее вообще выполнять эти операции только на JS (однако в паре мест они исключительно на сервере могут быть выполнены). Видимо, придётся оставить, как есть.

@Fart83 · 24.08.2017, 09:31

Кликните здесь для просмотра всего текста

Сообщение от levelost

localStorage/sessionStorage в моём случае ничего не дают (те же cookies только в профиль), AJAX итак используется (везде его использовать нет смысла, т. к. индексироваться сайт тоже должен), полное отключение кэша не помогло (как ни странно), да и нежелательно оно.
Получается логичнее вообще выполнять эти операции только на JS (однако в паре мест они исключительно на сервере могут быть выполнены). Видимо, придётся оставить, как есть.

вы ошибаетесь. это ваша субъективная оценка, но ваша проблема решается.
когда жмете назад, грузится из кеша первоначальный вариант страницы без кук. здесь и есть разница между localStorage и куками.
вам пару вариантов:
1. onload, ajax запрос
2. localStorage вместо кук.

найдете другие решения, удачи)

@levelost · 24.08.2017, 11:57 **[ТС]**

Сообщение от Fart83

грузится из кеша первоначальный вариант страницы без кук

В таком случае, как я сейчас считываю актуальные куки через JS при нажатии кнопки «Назад»?

Проблема не в том, что куки куда-то исчезают, а в том, что работа с ними при построении страницы не выполняется на серверной стороне (т. к. не отправляется запрос на сервер).

Предложенные решения по сути ничем не отличаются от того, что я использую сейчас (работа с куками на JS), поэтому не вижу никакого смысла в переходе на них.

Можно было бы использовать кэширование частей страницы на сервере, но обычный хостинг мне этого сделать не позволит.

Видимо, разумнее будет оставить, то что есть, т. к.:
1. Оно уже нормально работает.
2. Менее затратного решения (по количеству кода/ресурсам) я пока не увидел.

@Fart83 · 24.08.2017, 12:30

Сообщение от levelost

В таком случае, как я сейчас считываю актуальные куки через JS при нажатии кнопки «Назад»?

нажимая назад/вперед вы не можете прочитать актуальные куки если вы сохраняете кеш. либо лукавите.
если стоит запрет на сохранение кеша, то вновь происходит загрузка страницы и кук появится новый.
вот примеры:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<button onclick="a()">test</button>
<div id=cook></div>
<script>
function a(){
    location.href = "/index.php?"+Math.random();
}
document.getElementById("cook").innerHTML = document.cookie;
</script>
<?php
setcookie("TestCookie", rand(1,100));
var_dump($_COOKIE);

и с запретом:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Expires: " . date("r"));
?>
<button onclick="a()">test</button>
<div id=cook></div>
<script>
function a(){
    location.href = "/index.php?"+Math.random();
}
document.getElementById("cook").innerHTML = document.cookie;
</script>
<?php
setcookie("TestCookie", rand(1,100));
var_dump($_COOKIE);

Добавлено через 2 минуты
очевидно, что в первом варианте будут повторятся данные, а во втором, будет меняться.

@levelost · 24.08.2017, 12:34 **[ТС]**

Заголовок браузер отображает такой:

HTML5
1
Cache-Control:max-age=300

@Fart83 · 24.08.2017, 12:45

если так:

PHP
1
2
3
4
5
<?php
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: max-age=300");
header("Expires: " . date("r"));
?>

то меняется серверная часть, но не клиентская и то опять таки кешем.

@levelost · 24.08.2017, 12:49 **[ТС]**

Я полагаю, что в данном у меня кэшируется только HTML (ну, конечно, еще картинки, js, css и т. п.) и на куки он не влияет. Потом, зачем браузеру затирать более свежие куки старыми?

@Fart83 · 24.08.2017, 12:51

Сообщение от levelost

Потом, зачем браузеру затирать более свежие куки старыми

браузеру все равно. если вы не контролируете как нужно вам кеш. кеш для быстрой загрузки, тут и куки попадают. поэтому для ваших целей куки неактуальны. проще и удобнее работать с localStorage. минимум кода, меньше головной боли. есть конечно и тут минусы, но не такие как у кук.

@levelost · 24.08.2017, 13:03 **[ТС]**

Да как сказать. Сейчас у меня куки чётко работают (несмотря ни на что). localStorage позволит мне разве что немного уменьшить код присвоения переменных в том же JS, который я сейчас использую.

К тому же мне придётся заменить весь нынешний серверный код для работы с куки на клиентский, что ещё сильнее раздует JS (причём местами это создаст небольшую задержку в отображении данных).

@Fart83 · 24.08.2017, 13:11

Сообщение от levelost

это создаст небольшую задержку в отображении данных

все зависит от вашего веб-приложения. можно создать синхронные/асинхронные запросы.

@levelost · 24.08.2017, 13:14 **[ТС]**

Сообщение от Fart83

все зависит от вашего веб-приложения

Естественно ) У меня JS вызывается после полной загрузки страницы, поэтому и будет задержка (уже проверял, где-то 100 мс — я глазом успеваю заметить). Делать эту работу на сервере — идеальный вариант, но в данном случае он частично недоступен.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@levelost 6 / 6 / 1 Регистрация: 30.07.2014 Сообщений: 62

	Выполнение серверного кода после нажатия кнопки «Назад» в браузере 23.08.2017, 14:10. Показов 2792. Ответов 12 Метки browser, javascript, браузер, кэш (Все метки) Добрый день. Проблема в целом далеко не новая, но элегантного решения для своего случая пока не нашёл. Дело в том, что отображение нескольких блоков на сайте напрямую зависит от значений cookies. Во многих случаях работа с cookies (чтение/запись) происходит на стороне сервера (PHP). При нажатии кнопки «Назад» в браузере серверный код, естественно, не выполняется, и посетителю показывается устаревшая версия страницы. Сейчас мне приходится писать кучу JS-функций, которые тупо дублируют работу серверной части с cookies, т. к. JS отрабатывает после нажатия кнопки «Назад». Хотелось бы использовать более красивое решение. Может у кого-то есть варианты? 0

@Fart83 321 / 189 / 78 Регистрация: 04.10.2016 Сообщений: 809
	24.08.2017, 05:39
	localStorage/sessionStorage, ajax (динамическая загрузка контента), ну, или с кешем поиграть?? 0

@levelost 6 / 6 / 1 Регистрация: 30.07.2014 Сообщений: 62
	24.08.2017, 08:44 [ТС]
	localStorage/sessionStorage в моём случае ничего не дают (те же cookies только в профиль), AJAX итак используется (везде его использовать нет смысла, т. к. индексироваться сайт тоже должен), полное отключение кэша не помогло (как ни странно), да и нежелательно оно. Получается логичнее вообще выполнять эти операции только на JS (однако в паре мест они исключительно на сервере могут быть выполнены). Видимо, придётся оставить, как есть. 0

@levelost 6 / 6 / 1 Регистрация: 30.07.2014 Сообщений: 62
	24.08.2017, 12:49 [ТС]
	Я полагаю, что в данном у меня кэшируется только HTML (ну, конечно, еще картинки, js, css и т. п.) и на куки он не влияет. Потом, зачем браузеру затирать более свежие куки старыми? 0

@levelost 6 / 6 / 1 Регистрация: 30.07.2014 Сообщений: 62
	24.08.2017, 13:03 [ТС]
	Да как сказать. Сейчас у меня куки чётко работают (несмотря ни на что). localStorage позволит мне разве что немного уменьшить код присвоения переменных в том же JS, который я сейчас использую. К тому же мне придётся заменить весь нынешний серверный код для работы с куки на клиентский, что ещё сильнее раздует JS (причём местами это создаст небольшую задержку в отображении данных). 0