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

Как получить JSON из fetch запроса

Для получения JSON из fetch запроса нужно обработать ответ с помощью метода .json(). Этот метод возвращает промис, который разрешается в JavaScript-объект.

javascript
fetch('https://api.example.com/data')
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json();
  })
  .then(data => {
    console.log(data); // Работаем с полученными данными
  })
  .catch(error => {
    console.error('Error:', error);
  });

Или с async/await:

javascript
async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    if (!response.ok) throw new Error('Network error');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('Fetch error:', error);
  }
}

Важно:

  1. Всегда проверяйте response.ok или статус ответа
  2. Обрабатывайте ошибки через catch
  3. Метод .json() можно вызвать только один раз на ответе
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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