Встречается на собеседованиях • сегодня

Какие знаешь способы взаимодействия с API в браузере

Основные способы взаимодействия с API в браузере:

  1. XMLHttpRequest (XHR) - старый, но рабочий способ:
js
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data');
xhr.onload = () => console.log(xhr.response);
xhr.send();
  1. Fetch API - современная замена XHR:
js
fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data));
  1. Axios - популярная библиотека:
js
axios.get('https://api.example.com/data')
  .then(response => console.log(response.data));
  1. WebSocket - для двустороннего общения:
js
const socket = new WebSocket('wss://api.example.com/ws');
socket.onmessage = (event) => console.log(event.data);
  1. Server-Sent Events (SSE) - для одностороннего потока данных:
js
const eventSource = new EventSource('/api/stream');
eventSource.onmessage = (e) => console.log(e.data);

Особенности:

  • Fetch поддерживает async/await
  • Axios имеет встроенную обработку ошибок
  • WebSocket и SSE для real-time данных
  • Для CORS запросов нужны правильные заголовки
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы