Как сделать подгружаемый блок через ajax с изменением адреса страницы?

Question

[Денис Артемьев]

Здравствуйте, есть страница, которая состоит из информации о компании, а сверху менюшкой с услугами.
Так вот при нажатии на услугу, должен меняться лишь один блок на сайте. Но при этом нужно чтобы менялся и адрес страницы, для того, чтобы зайдя по этому адресу, люди видели необходимый блок.
Здесь простой пример, но адрес не меняется
pjax - но я не понимаю как он работает
Нашел еще вот такой вариант - но тут мне не нравится, то что получается 3 страницы на сервере (в demo), которые как раз-таки отличаются этим блоком, а уже при нажатии этот блок догружается.

И еще хотелось бы узнать мнение SEOшников по поводу такого подхода.

Подскажите в какую сторону копать, заранее спасибо.

Answer 1

[Талгат Балтасов]

прогугли history api

Answer 2

[Владислав Гайдук]

https://github.com/devote/HTML5-History-API

Comments

[Владислав Гайдук]

вот это глянь. там с примером https://github.com/thybag/PJAX-Standalone

[Денис Артемьев]

Владислав Гайдук: спасибо, именно этого примера мне и не хватало :)

[Денис Артемьев]

Владислав Гайдук: Только вопрос, как он со старыми браузерами? То есть в ссылке выше библиотека как раз решает эту проблему. В этом примере это решается? Или просто не будет работать кнопка назад в IE<10?

[Владислав Гайдук]

Денис Артемьев: про это ничего сказать немогу вот еще https://github.com/Jrizzi1/pjaxphp

[Владислав Гайдук]

Денис Артемьев: вот пример htnl history api https://plutov.by/post/html5_history_api

Answer 3

[des1roer]

pjax под это дело заточен

Answer 4

[Alihandr]

swfaddress погугли