请求:headers 属性

Baseline 已广泛支持

此特性已得到良好确立,可跨多种设备和浏览器版本使用。自 2017 年 3 月起,所有浏览器均支持此特性。

注意:此功能在 Web Workers 中可用。

headersRequest 接口的一个只读属性,它包含与该请求关联的 Headers 对象。

一个 Headers 对象。

示例

在下面的代码片段中,我们使用 Request() 构造函数创建一个新请求(针对脚本所在目录中的一个图像文件),然后将请求头保存到一个变量中:

js
const myRequest = new Request("flowers.jpg");
const myHeaders = myRequest.headers; // Headers {}

要向 Headers 对象添加请求头,我们使用 Headers.append;然后我们创建一个新的 Request,并附带第二个 init 参数,将请求头作为 init 选项传入:

js
const myHeaders = new Headers();
myHeaders.append("Content-Type", "image/jpeg");

const myInit = {
  method: "GET",
  headers: myHeaders,
  mode: "cors",
  cache: "default",
};

const myRequest = new Request("flowers.jpg", myInit);

const myContentType = myRequest.headers.get("Content-Type"); // returns 'image/jpeg'

规范

规范
Fetch
# ref-for-dom-request-headers②

浏览器兼容性

另见