Динамическая загрузка страниц как у вк?

Question

[Сергей]

Здравствуйте!
Я ещё новичок поэтому не пробейте себе фейспалами дыру в лобе...

Создал я вчера меню навигационное, вот его код:

https://jsfiddle.net/lietryit/0xp86t3j/5/

Это как вы видите меню, так вот, мне нужно что-бы при нажатии на ссылку в блок контент прогружалась информация, и не просто появлялась в этом блоке ещё чтобы вносилась в урл и менялся титл. Ребят, я не знаю сложный это вопрос или нет, просто помогите, может будет какие-то примеры. Покидайте пожалуйста, то я уже гугл затр*хал, и ответа не нашел.

Заранее БОЛЬШУЩЕЕ СПАСИБО!

Comments

[Дмитрий Кузнецов]

Делать SPA на jQuery эта та ещё боль. Хотя один американский разраб сделал подобное, но там были одни костыли. Советую почитать про Vue/React.

[Сергей]

Дмитрий Кузнецов, да, я уже использую angular7, не ошибся с выбором?

[Дмитрий Кузнецов]

Сергей Бондаренко, смотря с какой стороны посмотреть. На чём вам удобно работать, над тем и работайте. Если Angular для вас хорош не только стилем кода, но и функциональностью, то пользуйтесь им. Это как говорится - каждому своё.

Answer 1

[origami1024]

Чтобы подгружать содержимое элементов из другого файла по ajax:

$( "#элементКудаПрилепить" ).load( "адресСтранички.html" );

title:
document.title= 'что-то'

Путь, который будет в строке url браузера, но только часть, после доменного имени:
window.history.pushState("", "", 'то-то.html');

Comments

[Сергей]

В этом примере есть большой минус, если нажать кнопку "назад" в браузере навигационное меню пропадает((
Но скорее всего я не знаю как обращаться с historyAPI, ну чтож пойду учить