type 只读属性

Response 接口的 type 只读属性包含响应的类型。该响应类型可以是以下之一：

• basic：普通，相同的原点响应，除了 “Set-Cookie” 和 “Set-Cookie2” 外，所有标头都是公开的。
• cors：从有效的跨源请求中收到响应。某些标题和正文可能被访问。
• error： 网络错误。没有可用的信息来描述错误。响应的状态为 0，标题为空且不可变。这是从 Response.error() 中获得的 Response 的类型。
• opaque：针对跨源资源的 “no-cors” 请求的响应。它受到严格限制。

注意：“error”响应从来没有真正暴露在脚本中：这样对 fetch() 的响应会拒绝 promise。

type 只读属性语法

var myType = response.type;

type 只读属性值

type 只读属性的值为一个 ResponseType 字符串，指示响应的类型。

type 只读属性示例

在我们的Fetch Response示例中，我们使用 Request() 构造函数创建一个新 Request 对象  ，并将它传递给 JPG 路径。然后我们使用 fetch() 来获取这个请求，通过 Body.blob 从响应中提取一个 blob，使用 URL.createObjectURL 创建一个对象URL，并在一个 <img> 中显示它。

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

var myImage = document.querySelector('img');

var myRequest = new Request('flowers.jpg');

fetch(myRequest).then(function(response) {
  console.log(response.type); // returns basic by default
  response.blob().then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });
});

产规范

浏览器兼容性