close

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

Response.headers

基线 广泛可用

自 2017年3月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

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

语法

var myHeaders = response.headers;

一个 Headers 对象。

例程

在我们的 Fetch Response example 例程中(详见 Fetch Response live),我们使用Request()构造函数创建了一个新的Request对象,传入了一个 jpg 路径。我们接着使用fetch()触发了请求,用Body.blob从响应中提取了 blob 实例,使用URL.createObjectURL创建了一个 URL 对象,然后显示在了<img>中。

注意,在fetch()的顶级块中我们输出了headers到控制台。

js
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
# ref-for-dom-response-headers①

浏览器兼容性

See also