как использовать fetch api в javascript — Q&A Хекслет
2026-02-26 22:41 Diff
https://ru.hexlet.io/qna/javascript/questions/kak-ispolzovat-fetch-api-v-javascript

Fetch API в JavaScript предоставляет простой и мощный способ выполнения HTTP запросов к серверу и обработки полученных ответов. Он является заменой устаревших методов, таких как XMLHttpRequest.

  1. Выполнение GET запроса:
fetch('https://api.example.com/data') .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); // Преобразуем ответ в JSON }) .then(data => { console.log(data); }) .catch(error => { console.error('Fetch error:', error); });
  1. Выполнение POST запроса с передачей данных:
const postData = { name: 'John Doe', email: 'johndoe@example.com' }; fetch('https://api.example.com/user', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(postData) }) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); // Преобразуем ответ в JSON }) .then(data => { console.log(data); }) .catch(error => { console.error('Fetch error:', error); });

Помимо всего, Fetch API позволяет использовать различные параметры запроса, такие как метод запроса (GET, POST и т.д.), заголовки, режим кэширования (cache), параметры запроса (query parameters), таймауты и многое другое.