Функциональность Backbutton при «смене страниц» с помощью Ajax

Question

В нашем приложении у нас нет «реальных» ссылок в любом месте, но все страницы загружаются с помощью ajax. Это будет выглядеть примерно так:

function changePage(module, params){ 
//Ajax call is done, content is being displayed in the content div 
} 

И так, «связь» будет просто что-то вроде этого:

<div class="link" onclick="changePage('Content_Emplyee', 123)">To Employee 123</div> 

Это все работает замечательно, единственная проблема в том, что, конечно, , нажатие кнопки «Назад» покинет страницу. Есть ли способ переопределить подкладку, так что он будет действовать так, как пользователь думает, что это будет? В этом случае, после выполнения ссылки Employee, кнопка назад должна вернуться в меню. После этого кнопка «Назад» вернется в этот сотрудник и т. Д.

Answer 1

Вы можете использовать history.js, который предоставляет функциональность, которую вы ищете. С его помощью вы можете обрабатывать обратные вызовы истории браузеров, чтобы вернуться в предыдущее состояние, не выходя из страницы.

Это очень полезно для одностраничного веб-приложения, но, как уже указывалось, ссылки ajax могут привести к ограничениям SEO.