AJAX · AJAX (Asynchronous JavaScript and XML)
FrontendЧастота употребления: средняя· Сложность: 3/5· Актуальность: 3/5· Тренд: угасает
Техника асинхронного обмена данными между браузером и сервером без полной перезагрузки страницы.
Подробно
AJAX — подход, при котором JavaScript в фоновом режиме отправляет HTTP-запросы через XMLHttpRequest или Fetch API и обновляет часть DOM по полученному ответу. Название историческое: вместо XML сегодня почти всегда используют JSON, а сам термин часто заменяют на «fetch-запрос» или «HTTP-запрос». На этой технике построены SPA, автодополнение поиска, бесконечная прокрутка, лайки и любые динамические интерфейсы. При работе важно учитывать CORS, обработку ошибок, отмену запросов и состояния загрузки.
Примеры употребления
- fetch('/api/users').then(r => r.json()).then(render)
- const xhr = new XMLHttpRequest(); xhr.open('POST', '/api/login'); xhr.send(body);
- Этот блок подгружается по AJAX при скролле страницы.
- axios.get('/api/orders?page=2')