Ajax
Ajax — это механизм, при котором веб-страница обновляет только нужные фрагменты данных, не перезагружаясь целиком. Браузер тихо, в фоновом режиме, обменивается информацией с сервером, а пользователь продолжает работать без прерываний.
В девяностых и начале двухтысячных практически любое действие требовало полного обновления экрана. Ajax убрал эту «дерганность» и сделал сайты живыми и отзывчивыми, как приложения.
Название расшифровывается как Asynchronous JavaScript And XML, хотя XML сегодня используется редко.
Как работает
Когда вы взаимодействуете со страницей — кликаете, вводите текст или прокручиваете ленту, — браузер незаметно отправляет короткий запрос на сервер и получает в ответ только те данные, которые необходимо отобразить, а не всю страницу целиком. Сервер обрабатывает запрос и возвращает ответ, обычно в компактном формате JSON (универсальный текстовый формат обмена данными). Получив его, JavaScript (язык, на котором написана логика сайта в браузере; он следит за вашими действиями и решает, что делать дальше) сразу обновляет нужный фрагмент интерфейса. Сама страница при этом не перезагружается и не теряет то, что вы уже ввели или просмотрели, а обмен данными происходит в фоне без прерывания вашей работы.
Где встречается
Почти везде, где интерфейс реагирует на действия мгновенно:
- загрузка комментариев и оценок (лайки, рейтинги)
- фильтрация товаров в магазине без перезагрузки каталога
- живая проверка форм: «Логин занят» или «Пароль надёжный»
- чаты и уведомления, приходящие в реальном времени
- пошаговые мастера (оформление заказа, регистрация)
Так что сайт, который не перезагружается полностью при каждом клике, активно использует Ajax.
Если коротко:
Вы заходите на страницу, отправляете форму с множеством полей. Раньше, без Ajax, у вас обновлялась страница и выводился список ошибок на отдельной странице. С Ajax все происходит на одной странице без перезагрузки.