Как реализовать Pjax навигацию на сайте?

Question

[Владимир]

Как можно реализовать полноценную навигацию по страницам методом Pjax на подобие как в ВК
P.S На гитхабе нечего не понял так как плохо дружу с английским...

<nav class="menu">
        <li>
            <a href="/">
                <div></div>
                <span>Главная</span>
            </a>
        </li>
</nav>
<div id="content"></div>

Comments

[Дмитрий]

PJAX ?)

[Владимир]

Дмитрий: да pjax

[CapeRatel]

что такое pJAX?) напиши просто что тебе нужно.

Answer 1

[Денис Инешин]

1. При клике на ссылку загружаете страницу аяксом
2. Заменяете текущий контент страницы новым контентом
3. Через History API меняем вид урла в браузере.

Но вы не правы в том, что это как у вконтакте. Там это полноценное SPA (Single Page App) приложение.
Чтобы войти в курс дела, почитайте о фреймворках, которые заточены для создания SPA: Ember.js, Angular.js и т.д.

Comments

[Владимир]

можете написать код по моему шаблону что бы я понимал как это реализовывается

[Денис Инешин]

KoNdar: вам дали направление, гуглите. Миллионы примеров и уроков. Например: https://www.codeschool.com/courses/shaping-up-with...

Answer 2

[CapeRatel]

Включаю режим Ванги...
loading completed.

Я думаю то, что ты хочешь называется single page application.
Если я прав, то тебе:
https://angularjs.org/ - сюда
emberjs.com - или сюда

Comments

[Владимир]

Мне нужно реализовать навигацию по сайту без перезагрузки! и сделать так что бы когда я введя url сайта и каталог у меня подгружался каталог вместе с телом а не один файл без тела.

[CapeRatel]

KoNdar: на вопрос ваш ответил. Ссылки указал уже

Answer 3

[Владимир]

Мне нужно реализовать навигацию по сайту без перезагрузки! и сделать так что бы когда я введя url сайта и каталог у меня подгружался каталог вместе с телом а не один файл без тела.