Как подгружать данные в блоки при клике на пункт меню?

Question

[myskypesla]

Всем привет есть такой пример: https://jsfiddle.net/vwnz8avv/

На странице будет меняться контент при клике на пункт меню без перезагрузки страницы
Таких пунктов у меня будет примерно 20 с разным текстом в блоке контент. Оформление везде одинаковое, просто будет меняться текст и картинки

Подскажите, как это реализовать правильно?

Может есть какие-то шаблонизаторы или есть простое решение без react и angular? Или лучше их использовать? Или лучше чтобы всё хранилось в data.json?

Answer 1

[rejjer]

Ajax

Comments

[Kovalsky]

Мне тоже кажется, что нужно просто организовать ajax и history API, на сайте Ильи Кантора есть одноименная статья

[Игорь Воронов]

Никита Полевой: >> для такой задачи нету шаблонизаторов, хотя могу ошибаться.

Смотря, что для вас шаблонизатор :) Но я голосую за "можете ошибаться". Например: Handlebars, mustache и т.д.

[Kovalsky]

Игорь Воронов: ну парень же наверное хотел шаблон для своей задачи - ajax + history API. Типа добавил на страницу скрипт, указал target и все, все работает из коробки. Handlebars это просто template engine

[Игорь Воронов]

Никита Полевой: не так понял, значит, что он хотел.
Да, я в курсе, что это) Работаю как раз с ним.

Answer 2

[Игорь Воронов]

Изучаем, что такое SPA :)