Response.type

Experimental: 这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

typeResponse 接口包含的一种响应类型,是只读属性。它可以是以下某一种值:

  • basic: 标准值,同源响应,带有所有的头部信息除了“Set-Cookie”和“Set-Cookie2″.
  • cors: Response 接收到一个有效的跨域请求。部分 headers 和 body可以被访问。
  • error: 网络错误。没有有用的描述错误的信息。响应的状态为 0,header 为空且不可变。从 Response.error()中获得的响应的类型。
  • opaque: 响应“no-cors”的跨域请求。严重受限.

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

Syntax

var myType = response.type;

Value

ResponseType说明响应类型。

Example

In our Fetch Response example (see Fetch Response live) we create a new Request object using the Request() constructor, passing it a JPG path. We then fetch this request using fetch(), extract a blob from the response using Body.blob (en-US), create an object URL out of it using URL.createObjectURL, and display this in an <img>.

Note that at the top of the fetch() block we log the response type to the console.

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

Specifications

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

Browser compatibility

BCD tables only load in the browser

See also