Response: headers 属性

基线 广泛可用

此功能已完善,可在许多设备和浏览器版本上运行。它已在浏览器中可用,自 2017 年 3 月.

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

Headers 对象。

示例

在我们的 Fetch Response 示例(参见 Fetch Response 实时演示)中,我们使用 Request() 构造函数创建一个新的 Request 对象,并将 JPG 路径传递给它。然后,我们使用 fetch() 获取此请求,使用 Response.blob 从响应中提取 Blob,使用 URL.createObjectURL() 为其创建对象 URL,并在 <img> 中显示它。

请注意,在 fetch() 块的顶部,我们将响应标头记录到控制台。

js
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①

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅