Как изменить страницу без обновления всей страницы?

Question

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

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

EDIT

Я прочитал много ответов, которые используют AJAX, но это не меняет URL.

Заранее благодарен!

Answer 1

Вы можете загружать части страницы с помощью JavaScript, вызывая вызовы AJAX (т. Е. Используя XMLHttpRequest) для извлечения HTML или данных (обычно как JSON, но может быть в других форматах) для одной или нескольких частей страницы, а затем обновляя только те части страницы на месте. Однако, когда это сделано, вы технически не меняете, на какой странице вы находитесь (хеш-клиент на стороне клиента обычно обновляется, чтобы отслеживать текущее состояние, но параметры запроса на пути и серверной стороне в этом случае не изменяются) , Когда страницы обновляются таким образом, History API, в частности pushState(), позволяет JavaScript вызывать URL-адрес, не вызывая полную перезагрузку страницы.

Это то, как многие веб-сайты реализуют «одностраничные приложения».

Answer 2

Читайте об использовании jQuery Ajax, его пути к чему-то подобному. Смотрите ссылки ниже:

Update data on a page without refreshing

https://api.jquery.com/jQuery.ajax/