«Динамическая» загрузка страницы?

Question

Я понятия не имею, что мне нужно, но я буду использовать Facebook в качестве примера. Когда вы загружаете другую страницу (например: на главной странице, вы щелкаете свой профиль), сама страница выглядит не так, как будто она перезагружается.
Данные загружаются, конечно, и URL-адрес изменяется, однако верхняя панель и чат бар оставаться на месте.

Я собираюсь сделать что-то похожее на это. Это слишком много для меня, и это действительно простая функция кэширования, или есть способ JavaScript сделать это, или какой-то другой?

Спасибо.

Answer 1

Используется AJAX , который представляет собой комбинацию различных технологий (прежде всего JavaScript) для достижения этого динамического взаимодействия клиент-сервер в общем контексте страницы.

По сути, то, что у вас есть для вашей настройки, выглядит примерно так:

1. Страница, которую пользователь запрашивает и возвращается в браузер. Эта страница будет содержать (или ссылаться на внешние файлы и т. Д.) Некоторый код JavaScript для управления интерактивными функциями. Например, «ссылка» может вызвать функцию JavaScript вместо перехода на другую страницу. Эта функция сделает AJAX-вызов серверу.
2. Обработчик AJAX на сервере. Думайте об этом как о другой странице или как о каком-либо веб-сервисе. Он ожидает, что запросы приходят из кода JavaScript, а не от людей. (Хотя люди могут вызывать его вручную, если хотят, поэтому не возвращайте конфиденциальные данные или что-либо подобное.) Это может возвращать данные в любом количестве форматов (JSON, XML, HTML и т. Д.) И код JavaScript на стороне клиента. будет использовать этот ответ в коде.

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

Answer 2

Все это делается с помощью AJAX.В зависимости от того, что вы хотите, вы можете загружать целые фрагменты HTML или просто загружать данные и получать на странице javascript, что нужно.