1

Меня интересует такой вопрос - как реализовать такую штуку: чтобы при переходе по ссылкам внутри сайта изменялись какие-то элементы, а другие - не перезагружались... Трудно сформулировать, но вот пример: В вк при переходе по внутренним ссылкам ссылка в адресной строке меняется, загружаются различные страницы, но при этом включенная музыка не выключается, а продолжает играть также без разрыва, словно новая страница не загружалась, а просто изменился контент на той же самой.

Подскажите, что за технологии тут, в какую сторону копать?

Андрей
  • 122
  • 6
  • Вроде это называется SPA (single page application, одностраничное приложение), Фреймворки: angular, vuejs и много других – diralik Sep 26 '17 at 18:26
  • А если приложение одностраничное, разве в адресной строке не должна быть одна ссылка при переходе, например, с из новостей в диалоги или какую-то группу и тд? – Андрей Sep 26 '17 at 19:20
  • Содержимое адресной строки можно менять (без перезагрузки страницы), примерно так: window.history.pushState – diralik Sep 26 '17 at 19:22
  • 1
    Спасибо! Вы разрешили мой вопрос! – Андрей Sep 26 '17 at 19:23

1 Answers1

1

AJAX, Ajax (ˈeɪdʒæks, от англ. Asynchronous Javascript and XML — «асинхронный JavaScript и XML») — подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. В результате, при обновлении данных веб-страница не перезагружается полностью, и веб-приложения становятся быстрее и удобнее -- Wikipedia.

Аудио вКонтакте работает с помощью html5 audio (раньше, и, возможно, в старых браузерах - flash). Текущий (или последний игравший) трек сохраняется в cookies. Как там реализовано "общение" между вкладками (в одной включил, в другой выключилось) в пределах одного окна я, если честно, не искал.

n3r0bi0m4n
  • 1,197
  • А если сохранять трек в куки, разве не будет прерывания трека в момент, когда одна страница уже неактивна, а другая еще не загрузилась? – Андрей Sep 26 '17 at 19:18
  • В куках только id трека. Страница не перезагружается. В ответе же написано. Перерисовывается только часть, которая изменилась. – n3r0bi0m4n Sep 26 '17 at 19:19
  • Как в куках может сохраняться только id трека? А как же время, на котором прервалось проигрывание? И если страница не перезагружается, то зачем тут куки вообще? – Андрей Sep 26 '17 at 19:22
  • Это если закрыть браузер, а потом открыть снова, то при входе в вк в плеере в шапке будет тот недоигранный трек. – n3r0bi0m4n Sep 26 '17 at 19:24