Response屬性：headers

headers 只讀屬性

本節(jié)介紹 Response 接口的 headers 只讀屬性。

Response 接口的 headers 只讀屬性包含與響應關(guān)聯(lián)的 Headers 對象。

headers 只讀屬性語法

var myHeaders = response.headers;

headers 只讀屬性值

headers 只讀屬性的值為一個 Headers 對象。

headers 只讀屬性示例

在我們的 Fetch Response 示例中，我們使用 Request() 構(gòu)造函數(shù)創(chuàng)建一個新 Request 對象，并將它傳遞給 JPG 路徑。然后我們使用 fetch() 來獲取這個請求，使用 Body.blob 從響應中提取一個 blob，使用 URL.createObjectURL 創(chuàng)建一個對象 URL，并在一個 <img> 中顯示它。

請注意，在 fetch() 塊的頂部，我們將響應 headers 值記錄到控制臺。

var myImage = document.querySelector('img');

var myRequest = new Request('flowers.jpg');

fetch(myRequest).then(function(response) {
  console.log(response.headers); // returns a Headers{} object
  response.blob().then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });
});

規(guī)范

瀏覽器兼容性

相關(guān)文章

在 Body 的 Response 接口屬性中，你還需要了解 body 屬性和 bodyUsed 屬性。