Spec-Zone.ru › Web APIs

Ответ: свойство headers

Базовая версия Широко доступна

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2017 года.

  • Узнать больше
  • Полная совместимость
  • Отправить отзыв

Примечание: Эта функция доступна в Web Workers.

Свойство headers только для чтения интерфейса Response содержит объект Headers, связанный с ответом.

Значение

Объект Headers.

Примеры

В нашем примере Fetch Response (см. Fetch Response live) мы создаем новый объект Request с помощью конструктора Request(), передавая ему путь к JPG-файлу. Затем мы получаем этот запрос с помощью fetch(), извлекаем blob из ответа с помощью Response.blob, создаем URL-объект из него с помощью URL.createObjectURL() и отображаем его в элементе <img>.

Обратите внимание, что в верхней части блока fetch() мы выводим заголовки ответа в консоль.

const myImage = document.querySelector("img");

const myRequest = new Request("flowers.jpg");

fetch(myRequest)
  .then((response) => {
    console.log("response.headers =", response.headers);
    return response.blob();
  })
  .then((myBlob) => {
    const objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });

Спецификации

Спецификация
Fetch
# ref-for-dom-response-headers①

Совместимость с браузерами

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на IOS Samsung Internet WebView Android
headers 40 14 39 27 10.1 40 39 27 10.3 4.0 40

См. также

  • API ServiceWorker
  • Контроль доступа через HTTP (CORS)
  • HTTP

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Response/headers

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API