С какими компонентами работаем при выполнении HTTP запроса

При выполнении HTTP запроса во Frontend разработке работаем с такими ключевыми компонентами:

1. XMLHttpRequest (XHR) - устаревший, но поддерживаемый API
   js

   Копировать

   const xhr = new XMLHttpRequest();
   xhr.open('GET', 'https://api.example.com/data');
   xhr.send();

2. Fetch API - современная замена XHR

   js

   Копировать

   fetch('https://api.example.com/data')
     .then(response => response.json())

3. Axios - популярная библиотека для HTTP запросов

   js

   Копировать

   axios.get('https://api.example.com/data')
     .then(response => console.log(response.data));

4. WebSocket - для двустороннего взаимодействия

5. GraphQL клиенты (Apollo, Relay) - для запросов к GraphQL API

Дополнительно работаем с:

• Headers (установка заголовков)
• Request/Response объектами
• Параметрами запроса (query params, body)
• Механизмами кеширования
• Middleware (например в Axios)