// Базовий GET-запит
fetch('https://jsonplaceholder.typicode.com/posts/1')
  .then(response => {
    console.log(response.status);     // 200
    console.log(response.statusText); // 'OK'
    console.log(response.ok);         // true якщо 200-299
    return response.json();           // парсимо тіло
  })
  .then(data => console.log(data))
  .catch(err => console.error(err));

// Те саме через async/await
async function getPost(id) {
  const response = await fetch(`https://api.example.com/posts/${id}`);

  if (!response.ok) {
    throw new Error(`HTTP error! status: ${response.status}`);
  }

  const data = await response.json();
  return data;
}

// Методи читання тіла відповіді:
response.json()      // → JavaScript об'єкт/масив
response.text()      // → рядок (HTML, CSV тощо)
response.blob()      // → Blob (зображення, файли)
response.arrayBuffer()  // → бінарні дані
response.formData()  // → FormData

// Важливо: тіло можна прочитати тільки ОДИН РАЗ!
const clone = response.clone(); // якщо потрібно читати двічі

Вивід:

← Попередній урок Наступний урок →