Response属性:type

2018-03-09 10:58 更新

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;
  });
});

产规范

规范 状态 注释
Fetch
该规范中'类型'的定义。
Living Standard
初始定义

浏览器兼容性

电脑端 移动端
Chrome
Edge
Firefox
Internet Explorer
Opera
Safari
Android webview
Chrome for Android
Edge Mobile Firefox for Android
Opera for Android
iOS Safari
基本支持
支持:42 支持 支持:39 不支持 支持:29 不支持 不支持 不支持 不支持 不支持 不支持 不支持
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号