частичное обновление ajax с кнопкой возврата

Question

Я делаю частичное обновление страницы с помощью Ajax, которая представляет собой корзину покупок, которая обновляется с помощью Ajax, когда пользователи добавляют на нее элементы. Проблема в том, что если пользователи переходят к оформлению заказа, а затем нажимают кнопку «Назад», корзина покупок выглядит пустой, поскольку она была обновлена ​​с помощью Ajax. При обновлении страницы элементы появляются снова.

Есть ли способ принудительно обновить страницу при нажатии кнопки назад?

Answer 1

Я бы рекомендовал не изменять поведение самой кнопки возврата.Пользователи ожидают, что кнопка «Назад» вернет их назад на страницу и больше ничего не сделает.

Я бы предложил другой подход.Например, у вас может быть фрагмент JS, который запускается на самой странице корзины.Этот скрипт получит все данные корзины из бэкэнда.Скрипт может запускаться один раз при загрузке страницы, обеспечивая актуальность корзины.

Answer 2

Если вы используете history.pushstate в своем приложении ajax, вы можете хранить содержимое карты в переменной в глобальном пространстве имен (например, window.cartItems = {item1, item2, ...}) и после возвратанажата кнопка, и предыдущая кнопка отображается снова, получите ваши объекты из этого глобального объекта.