Что такое AJAX и как он работает?

Question

Accepted Answer

## Простыми словами
AJAX (Asynchronous JavaScript and XML) — подход: ходить на сервер **без полной перезагрузки** страницы и обновлять UI по ответу. Сегодня чаще JSON, не XML.

## Как делают

1. Клиент шлёт HTTP (`XMLHttpRequest` или `fetch`).
2. Сервер отвечает данными.
3. JS обновляет DOM / состояние.

```js
fetch('/api/todos/1')
  .then((r) => {
    if (!r.ok) throw new Error(String(r.status));
    return r.json();
  })
  .then((data) => console.log(data));
```

Имя историческое: техника шире, чем «только XML».

## Итог

AJAX = асинхронный обмен с сервером из JS. Современный дефолт — `fetch` + JSON.

С точки зрения UX AJAX дал «живые» формы и бесконечный скролл; с точки зрения архитектуры породил SPA, клиентский роутинг и отдельный слой API. Ошибки сети и частичные состояния загрузки стали частью продуктовой логики, а не «страница просто не открылась».

## На собеседовании

Ожидают не заученную таблицу, а умение связать концепцию с багом из практики: что сломается, если выбрать неправильный вариант, и какой код вы напишете в реальном PR. Короткий пример и граничный случай обычно ценятся выше длинной теории.