headers 只读属性

本节介绍 Response 接口的 headers 只读属性。

Response 接口的 headers 只读属性包含与响应关联的 Headers 对象。

headers 只读属性语法

var myHeaders = response.headers;

headers 只读属性值

headers 只读属性的值为一个 Headers 对象。

headers 只读属性示例

在我们的 Fetch Response 示例中，我们使用 Request() 构造函数创建一个新 Request 对象，并将它传递给 JPG 路径。然后我们使用 fetch() 来获取这个请求，使用 Body.blob 从响应中提取一个 blob，使用 URL.createObjectURL 创建一个对象 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;
  });
});

规范

浏览器兼容性

相关文章

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