Переход на другую страницу без перезагрузки

[DivMan]

Я хочу, что бы при переходе на каталог, вся страница не перезагружалась, а только содержимое класса content.
Я пока умею подгружать только текст и файла, а как подгрузить нужный html блок? 

А можно так сделать? В текстовый файл написать нужный код с разметкой и если файл загрузится, то изменить путь в браузерной строке?

http://plnkr.co/edit/kaR52VQ3nN0jKdZVjnXq?p=preview

[Switch74]

Если у вас страницы сайта состоят из модулей можно реализовать систему которая будет подгружать требуемый модуль.
Сайт из html страниц не очень для этого подходит на мой взгляд.
Лучшим вариантом будет обработка всех запросов одним index.php в котором вы сами решите что и как отдать пользователю.

[DivMan]

Я добавил  document.location.replace('catalog.html') и у меня получилась перезагрузка, а как сделать, что бы в адресной строке, изменилось только название файла index.html, на catalog.html?

http://plnkr.co/edit/iE6hDTojj3xVCEVJuq8x?p=preview

[Switch74]

для этого используется window.history

[DivMan]

спасибо 

[DivMan]

Я сделал  http://allnet.16mb.com/ajax/ url меняется, правильно ли я сделал?

Исходники в песочнице

http://plnkr.co/edit/uT4Uh0GCzWTQ8LEVpuvr?p=preview

Edited October 19, 2016 by DivMan

[Switch74]

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

[DivMan]

А почему через php?

[Switch74]

потому что php серверный язык и может подготовить данные для отдачи исходя из определенных данных, так же там легко возможно использовать include создавая модули. В вашем случае, если вам придется отредактировать контент страницы, то придется редактировать и файл txt, а если в php сделать include txt файла в html, то для редактирования контента вам понадобится редактировать только один файл и это наверно будет удобнее. Так же вы сможете использовать один и тот же адрес для доступа к странице и ее контенту при определенных условиях у вас будет грузиться то что вам нужно.
 

[DivMan]

Почему, после того, как нажать на какой-нибудь таб, то url не меняется?

http://plnkr.co/edit/LBH1oWJJ3m5p9OJQAqY8?p=preview

[Switch74]

потому что это песочница

а js очень сильно раздут, половину как минимум можно вырезать