Response.type

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.

Response 接口的 type 只读属性包含一种响应的类型。它可以是以下某一种值：

  • basic：标准值，同源响应，暴露除了“Set-Cookie”之外的所有标头。
  • cors：从有效的跨源请求接收到响应。某些标头和主体可以被访问。
  • error：网络错误。没有有用的描述错误的信息。响应的状态为 0，header 为空且不可变。这是从 Response.error() 中获得的响应的类型。
  • opaque：对跨源资源的“no-cors”请求的响应。严格限制。
  • opaqueredirect：fetch 请求是通过 redirect: "manual" 发出的。响应的状态是 0，标头是空的，主体是 null，trailer 是空的。

备注： “错误”响应从来没有真正暴露于脚本：这样的响应，fetch() 将被 promise 拒绝。

值

ResponseType 字符串表示响应的类型。

示例

在我们的 Fetch 响应示例中（参见 Fetch 响应在线演示），我们使用 Request() 构造函数创建了一个新的 Request 对象，并向其传递了一个 JPG 路径。然后，我们使用 fetch() 获取到这个请求，使用 Response.blob 从响应中提取到 blob，使用 URL.createObjectURL 从中创建一个对象的 URL，并将其显示在 <img> 中。

注意，在 fetch() 代码块的顶部，我们将响应的 type 记录在控制台。

js
const myImage = document.querySelector("img");
const myRequest = new Request("flowers.jpg");
fetch(myRequest).then((response) => {
  console.log(response.type); // returns basic by default
  response.blob().then((myBlob) => {
    const objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });
});

规范

Specification
Fetch Standard
# ref-for-dom-response-type①

浏览器兼容性

BCD tables only load in the browser

参见