Response属性:headers

2018-03-06 14:10 更新

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;
  });
});

规范

规范 状态 注释
Fetch
在该规范中'headers'的定义。
Living Standard
初始定义

浏览器兼容性

电脑端 移动端
Chrome
Edge
Firefox
Internet Explorer
Opera
Safari
Android webview
Chrome for Android
Edge Mobile Firefox for Android
Opera for Android
iOS Safari
基本支持 支持:42 支持 支持:39 不支持 支持:29 不支持 不支持 不支持 支持 不支持 不支持 不支持

相关文章

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

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号