Как сделать появление контента без перезагрузки страницы?

Question

[Роман Фридман]

Приветствую. Есть навигационная панель слева(вертикальная), используется bootstrap. Как сделать, чтобы при нажатии на разделы меню слева, справа появлялся контент этих разделов без перезагрузки страницы? Есть ли какие-то инструменты или подобные примеры реализации?

Answer 1

[Руслан Полин]

Как бы реализовать можно с помощью ajax. Ничего сложного в этом нет.
пример реализации
ещё один пример
пример без jquery
пример от хабр сообщества

Вы прежде чем задать вопрос, гуглили?

Comments

[Роман Фридман]

искал возможность без ajax.

[Руслан Полин]

Роман Фридман: без аякс не получиться, если только ваше меню не переделать во вкладки и не тянуть все данные разом во все вкладки при первой загрузки страницы. Но это не правильный подход, особенно, если данных много и тем более, когда данные отдаются с сервера.

[Роман Фридман]

Руслан: Спасибо, буду делать с AJAX.

[Руслан Полин]

Роман Фридман: рад был помочь. Не забывайте отмечать верные решения, если вам помогли.)

Answer 2

[Евгений]

При клике по ссылке не переходить на неё, перекрывать дефолтное действие, подгружать с нужного урла нужный блок и записывать его содержимое в блок контента на текущей странице

$('a').on('click', function(e) {
$( "#content" ).load( $(this).attr('href') + " #content" );
});

Comments

[Евгений]

Должно работать, не проверял, с телефона пишу)

[Евгений]

$('a').on('click', function(e) {
e.preventDefault();
$( "#content" ).load( $(this).attr('href') + " #content" );
});