Response屬性：type

type 只讀屬性

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

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

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

type 只讀屬性語法

var myType = response.type;

type 只讀屬性值

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

type 只讀屬性示例

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

請注意，在 fetch() 塊的頂部，我們將響應(yīng) 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;
  });
});

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

瀏覽器兼容性