1class="hl-comment">// POST з JSON-тілом
2async class="hl-keyword">function createPost(data) {
3  class="hl-keyword">const response = await fetch(class="hl-string">&#039;https:class="hl-comment">//api.example.com/posts&#039;, {

method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer my-token',
'X-Custom-Header': 'value'
},

💡 Приклад коду

body: JSON.stringify(data)
  });

  if (!response.ok) throw new Error('Не вдалось створити пост');
  return response.json();
}

// PUT — повне оновлення
await fetch(`/api/users/${id}`, {
  method: 'PUT',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify(updatedUser)
});

// PATCH — часткове оновлення
await fetch(`/api/users/${id}`, {
  method: 'PATCH',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ name: 'Нове ім\'я' })
});

// DELETE
await fetch(`/api/posts/${id}`, { method: 'DELETE' });

// Відправка форми (FormData)
const form = document.querySelector('form');
const formData = new FormData(form);
await fetch('/api/upload', { method: 'POST', body: formData });
// Content-Type встановлюється автоматично з boundary

// Fetch параметри:
// mode: 'cors' | 'no-cors' | 'same-origin'
// credentials: 'omit' | 'same-origin' | 'include'
// cache: 'default' | 'no-cache' | 'reload' | 'force-cache'
// signal: AbortController.signal (для скасування)

Вивід:

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