Найти тему

Что такое AJAX?

3d cute monster holding up a blank sign,colorful cartoon character,empty banner. Автор: Jane
3d cute monster holding up a blank sign,colorful cartoon character,empty banner. Автор: Jane

Если простыми словами - это такой подход, который позволяет браузеру обмениваться данными с веб-сервером в "фоновом" режиме. Сама аббревиатура расшифровывается как «Асинхронный JavaScript и XML», коротко - "Аякс".

Схема работы Ajax выглядит вот так:

  1. браузер запрашивает какую-либо информацию у сервера;
  2. сервер ее выдает (обычно в формате HTML, XML или JSON);
  3. браузер обрабатывает полученную информацию и выводит ее на странице.

Прелесть этой схемы в том, что при отправке запроса веб-страница обновляется не полностью, а лишь частично. Это значит что пользователь может продолжать заниматься своими делами, не дожидаясь ответа от сервера.

Для создания Ajax-запроса используется специальный объект XMLHttpRequest (сокращенно xhr) и он же занимается обработкой полученного результата.

Сам запрос может выглядеть следующим образом:

-2

Ответ от сервера в общем виде выглядит вот так:

-3

В качестве заключения перечислим основные плюсы и минусы данной технологии.

Плюсы:

  1. Уменьшение нагрузки на сервер.
  2. Повышение скорости реакции интерфейса.
  3. Автозаполнение поисковой строки при вводе начальных значений.
  4. Мультимедиа не останавливается.

Минусы:

  1. Не работает со стандартными инструментами браузера (URL не меняется, кнопка "Назад" не работает и т.д.).
  2. Требуется включенный JavaScript в браузере (к сожалению такое встречается не везде).
  3. Низкая скорость при грубом программировании.

#javascript #ajax #программирование #программированиедляначинающих #учеба

Спасибо за внимание!

Остались вопросы? Пишите в комментариях. Вместе мы сможем со всем разобраться)

Если статья оказалась полезной предлагаю подписаться на канал🙂

Также рекомендую подписаться на мой YouTube и Telegram. Там я выкладываю контент, которого нет в Дзене😉