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

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

fetch(url)await ответres.json()Данные
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.

Назад

Обсуждение

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

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