Как происходит переключение между вкладками веб-приложения без обновление страницы?

Question

[Harbon]

Подскажите пожалуйста как происходит переключение между вкладками веб-приложения без обновление страницы?
Хочу сделать веб-приложение с использованием php, html, css, js где есть шапка, на которой несколько переключаемых вкладок. При нажатии на какую-либо вкладку шапка оставалась не изменой, а контент ниже получал данные с базы данных и формировался контент.

Comments

[Refguser]

стили и/или аякс.

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

Почитайте про SPA.

[Егор Живагин]

Почитайте про "Tabs JS", можно без полного SPA

Answer 1

[Saboteur]

1. Под капотом скриптом написанном на JS(+CSS) одни элементы прячутся, другие отображаются.
2. При помощи того же JS идет обращение к сайту по API и запрашивается необходимая информация (технология называется ajax).

На верхнем уровне есть множество готовых фреймворков и библиотек, которые реализуют подобное взаимодействие. Ну и руками можно сделать.