Как перейти на вторую html страницу без перезагрузки?

Есть 2 html файла хотелось чтоб переход был без перезагрузки страницы
  • Вопрос задан
  • 516 просмотров
Пригласить эксперта
Ответы на вопрос 6
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Поменять любой контентный кусок на загруженной странице - можно ОДНОЙ функцией с помощью includeHTML.
PS: звёзды приветствуются!
Ответ написан
SpiderPigAndCat
@SpiderPigAndCat
занимаюсь салообразованием
ajax
роутинг в js фреймворках
Ответ написан
MayorPlay
@MayorPlay
Web-Dev
В JS фреймах есть роуты, примером может послужить React Router
Ответ написан
@astrodeep
Например сделать на Vue.js-документации полно
Ответ написан
В основном механизм завязан не сколько на переход, сколько на замену контента. Т.е у вас на каждой странице есть блок с id="page". Вы по нажатию на ссылку, идете по адресу на другую страницу (читай файл) и забираете разметку из такого же id page. Вставляете ее на текущую страницу. И параллельно с этим меняете историю браузера используя History api. Это в общих чертах принцип работы. Но сразу скажу что не смотря на кажущуюся простоту очень много нюансов возникнет именно с историей. Можно использовать для этого готовые инструменты такие как barba js или swup js
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽