Ответ

Интерфейс Response из Fetch API представляет собой ответ на запрос.

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

Response()

Создаёт новый объект Response.

Response.body Только для чтения

Поток для чтения содержимого тела.

Response.bodyUsed Только для чтения

Хранит булево значение, указывающее, использовалось ли тело в ответе.

Response.headers Только для чтения

Объект Headers, связанный с ответом.

Response.ok Только для чтения

Булево значение, указывающее, был ли ответ успешным (статус в диапазоне 200 – 299) или нет.

Response.redirected Только для чтения

Указывает, является ли ответ результатом перенаправления (то есть, его список URL содержит более одной записи).

Response.status Только для чтения

Код состояния ответа. (Для успеха будет 200).

Response.statusText Только для чтения

Сообщение состояния, соответствующее коду состояния. (например, OK для 200).

Response.type Только для чтения

Тип ответа (например, basic, cors).

Response.url Только для чтения

URL ответа.

Response.error()

Возвращает новый объект Response , связанный с ошибкой сети.

Response.redirect()

Возвращает новый ответ с другим URL.

Response.json()

Возвращает новый объект Response для возвращения предоставленных данных, закодированных в JSON.

Response.arrayBuffer()

Возвращает промис, который разрешается представлением содержимого тела ответа как ArrayBuffer.

Response.blob()

Возвращает промис, который разрешается представлением содержимого тела ответа как Blob.

Response.bytes()

Возвращает промис, который разрешается представлением содержимого тела ответа как Uint8Array.

Response.clone()

Создаёт копию объекта Response.

Response.formData()

Возвращает промис, который разрешается представлением содержимого тела ответа как FormData.

Response.json()

Возвращает промис, который разрешается результатом парсинга текстового содержимого тела ответа как JSON.

Response.text()

Возвращает промис, который разрешается текстовым представлением содержимого тела ответа.

В нашем примере базового использования fetch (запустить пример онлайн) мы используем простой вызов fetch() для получения изображения и отображения его в элементе <img>. Вызов fetch() возвращает промис, который разрешается объектом Response , связанным с операцией получения ресурса.

Вы заметите, что так как мы запрашиваем изображение, нам нужно запустить Response.blob, чтобы придать ответу правильный тип MIME.

const image = document.querySelector(".my-image");
fetch("flowers.jpg")
  .then((response) => response.blob())
  .then((blob) => {
    const objectURL = URL.createObjectURL(blob);
    image.src = objectURL;
  });

Вы также можете использовать конструктор Response() для создания собственного объекта Response:

const response = new Response();

Здесь мы вызываем файл PHP-программы, генерирующий строку JSON, отображая результат как значение JSON.

// Function to fetch JSON using PHP
const getJSON = async () => {
  // Generate the Response object
  const response = await fetch("getJSON.php");
  if (response.ok) {
    // Get JSON value from the response body
    return response.json();
  }
  throw new Error("*** PHP file not found");
};

// Call the function and output value or error message to console
getJSON()
  .then((result) => console.log(result))
  .catch((error) => console.error(error));

• ServiceWorker API
• HTTP access control (CORS)
• HTTP