me_edu
JavaScript с нуляШаг 37 из 40 · 0% пройдено
Асинхронность и fetch · Асинхронность и fetch

Запрос к API через fetch

Шаг 37 из 407 минТеория
Цель

Понять основной механизм темы «Запрос к API через fetch» без заучивания отдельных терминов.

Как работать

Прочитайте блок один раз целиком, затем вернитесь к схеме или примеру и перескажите идею своими словами.

Критерий

Сформулированное правило, пример применения и одно ограничение метода.

PROCESS DIAGRAM1fetch(url)2await ответ3res.json()4Данные
fetch: запрос → ждём ответ сервера → разбираем JSON → готовые данные
Опорная идея

Чаще всего асинхронность нужна, чтобы получить данные с сервера. Встроенная функция fetch делает HTTP-запрос и возвращает промис:

async function getUsers() { const res = await fetch("https://api.example.com/users"); const users = await res.json(); // разобрать JSON-ответ console.log(users); }

Два await здесь не случайны: сначала ждём ответ сервера, затем ждём, пока тело ответа разберётся из JSON в объект.

Чтобы отправить данные (создать запись), указывают метод и тело:

await fetch("https://api.example.com/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ name: "Аня" }), });

Так фронтенд общается с бэкендом. Подробнее про HTTP-методы и коды ответов — в курсе про REST API.

Назад

Обсуждение

Войдите, чтобы участвовать в обсуждении.

Пока нет сообщений.