Как веб-сайты, такие как Twitch, YouTube, Twitter и Reddit, загружают страницы и изменяют URL-адрес без перезагрузки?

Question

На других сайтах, например, когда вы нажимаете на ссылку, страница на секунду становится пустой, и на вкладке браузера вы видите индикатор загрузки. Однако на таких сайтах, как YouTube и Twitch, когда вы нажимаете ссылку, вы попадаете на страницу без индикатора загрузки без белого экрана.

Как это сделать? Я знаю, что это связано с Ajax, но каков современный подход к этому?

Answer 1

Вы можете изменить URL в адресной строке, не вызывая перезагрузку страницы, используя History.pushState API.

history.pushState (state, title, url);

Answer 2

Это называется SPA - одностраничное приложение. Содержимое страницы перезаписывается без перезагрузки. Содержимое извлекается в фоновом режиме с помощью ajax, а затем применяется к странице с небольшой помощью из интерфейса веб-интерфейса.

Если вы хотите узнать больше, просто google для одностраничного приложения .