Fetch API

Fetch API предоставляет интерфейс для получения ресурсов (включая ресурсы по сети). Это более мощная и гибкая замена для XMLHttpRequest.

Fetch API использует объекты Request и Response (и другие компоненты, связанные с сетевыми запросами), а также такие связанные понятия, как CORS и семантика заголовка HTTP Origin.

Для выполнения запроса и получения ресурса используйте метод fetch(). Это глобальный метод как в контексте Window, так и в контексте Worker. Это делает его доступным практически в любом контексте, где требуется получить ресурсы.

Метод fetch() принимает один обязательный аргумент — путь к ресурсу, который нужно получить. Он возвращает Promise, который разрешается в Response для этого запроса — как только сервер отвечает заголовками — даже если ответ сервера имеет статус HTTP-ошибки. Вы также можете необязательно передать объект init в качестве второго аргумента (см. Request).

После получения Response доступно множество методов для определения содержимого тела и способов его обработки.

Вы можете создать запрос и ответ напрямую с помощью конструкторов Request() и Response(), но это редко делается напрямую. Скорее всего, они создаются в результате действий других API (например, FetchEvent.respondWith() из рабочих процессов).

Дополнительную информацию об использовании функций Fetch API можно найти в разделе Использование Fetch.

Window.fetch() и WorkerGlobalScope.fetch()

Метод fetch() используется для получения ресурса.

Headers

Представляет заголовки ответа/запроса, позволяя их анализировать и принимать разные действия в зависимости от результатов.

Request

Представляет запрос на ресурс.

Response

Представляет ответ на запрос.

• Использование Fetch
• API рабочих процессов
• Контроль доступа по HTTP (CORS)
• HTTP