Response屬性：type

type 只讀屬性

Response 接口的 type 只讀屬性包含響應(yīng)的類(lèi)型。該響應(yīng)類(lèi)型可以是以下之一：

• basic：普通，相同的原點(diǎn)響應(yīng)，除了 “Set-Cookie” 和 “Set-Cookie2” 外，所有標(biāo)頭都是公開(kāi)的。
• cors：從有效的跨源請(qǐng)求中收到響應(yīng)。某些標(biāo)題和正文可能被訪問(wèn)。
• error： 網(wǎng)絡(luò)錯(cuò)誤。沒(méi)有可用的信息來(lái)描述錯(cuò)誤。響應(yīng)的狀態(tài)為 0，標(biāo)題為空且不可變。這是從 Response.error() 中獲得的 Response 的類(lèi)型。
• opaque：針對(duì)跨源資源的 “no-cors” 請(qǐng)求的響應(yīng)。它受到嚴(yán)格限制。

注意：“error”響應(yīng)從來(lái)沒(méi)有真正暴露在腳本中：這樣對(duì) fetch() 的響應(yīng)會(huì)拒絕 promise。

type 只讀屬性語(yǔ)法

var myType = response.type;

type 只讀屬性值

type 只讀屬性的值為一個(gè) ResponseType 字符串，指示響應(yīng)的類(lèi)型。

type 只讀屬性示例

在我們的Fetch Response示例中，我們使用 Request() 構(gòu)造函數(shù)創(chuàng)建一個(gè)新 Request 對(duì)象  ，并將它傳遞給 JPG 路徑。然后我們使用 fetch() 來(lái)獲取這個(gè)請(qǐng)求，通過(guò) Body.blob 從響應(yīng)中提取一個(gè) blob，使用 URL.createObjectURL 創(chuàng)建一個(gè)對(duì)象URL，并在一個(gè) <img> 中顯示它。

請(qǐng)注意，在 fetch() 塊的頂部，我們將響應(yīng) type 記錄到控制臺(tái)。

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

產(chǎn)規(guī)范

瀏覽器兼容性