Как реализовать смену url после ajax запроса?

Question

[lUser L]

Допустим мы находимся на странице www.site/feed на этой странице есть <div class="main"></div> в котором находиться контент. На странице так же есть кнопка которая выполняет ajax запрос на страницу user.php и результат выводит в .main. Мы по прежнему находимся на странице www.site/feed но с помощью

js

window.history.pushState

меняем ссылку на user. Собственно проблема в том, что если после смены url нажать стрелку "назад" в браузере то контент не меняется.

Например в .main было content content....
И после ajax ссылка сменилась на user и контент в .main стал например res res...
Теперь если в браузере мы вернемся на пред ссылку то ссылка измениться на feed но контент останется.
Как сделать так, что бы и контент тоже обновился ?

Comments

[Just Me]

гугли page transitions или плагин для работы с ним barbajs

Answer 1

[Сергей В]

добавить свой обработчик на window.onpopstate и, увидев нужный url, менять контент на прежний (который был предварительно сохранён)