type 只读特性在 响应 interface contains the type of the response. It can be one of the following:

  • basic : Normal, same origin response, with all headers exposed except “Set-Cookie” and “Set-Cookie2″.
  • cors : Response was received from a valid cross-origin request. Certain headers and the body may be accessed.
  • error : Network error. No useful information describing the error is available. The Response’s status is 0, headers are empty and immutable. This is the type for a Response obtained from Response.error() .
  • opaque : Response for “no-cors” request to cross-origin resource. Severely restricted .
  • opaqueredirect : The fetch request was made with redirect: "manual" . The Response's status is 0, headers are empty, body is null and trailer is empty.

注意 : An "error" Response never really gets exposed to script: such a response to a fetch() would reject the promise.

句法

var myType = response.type;
					

A ResponseType string indicating the type of the response.

范例

In our Fetch Response example (见 Fetch Response live ) we create a new Request 对象使用 Request() constructor, passing it a JPG path. We then fetch this request using fetch() , extract a blob from the response using Body.blob , 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;
  });
});
					

规范

规范 状态 注释
Fetch
The definition of 'type' in that specification.
实时标准 初始定义

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据
桌面 移动
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
type Chrome 42
42
41 Disabled
Disabled From version 41: this feature is behind the Experimental Web Platform Features preference. To change preferences in Chrome, visit chrome://flags.
Edge 14 Firefox 39
39
34 Disabled
Disabled From version 34: this feature is behind the dom.fetch.enabled preference. To change preferences in Firefox, visit about:config.
IE No Opera 29
29
28 Disabled
Disabled From version 28: this feature is behind the Experimental Web Platform Features preference.
Safari No WebView Android No Chrome Android No Firefox Android No Opera Android 29
29
28 Disabled
Disabled From version 28: this feature is behind the Experimental Web Platform Features preference.
Safari iOS No Samsung Internet Android No

图例

完整支持

完整支持

不支持

不支持

实验。期望将来行为有所改变。

实验。期望将来行为有所改变。

用户必须明确启用此特征。

用户必须明确启用此特征。

另请参阅

元数据

  • 最后修改:
  1. 响应
  2. 构造函数
    1. Response()
  3. 特性
    1. body
    2. bodyUsed
    3. headers
    4. ok
    5. redirected
    6. status
    7. statusText
    8. type
    9. url
    10. useFinalURL
  4. 方法
    1. arrayBuffer()
    2. blob()
    3. clone()
    4. error()
    5. formData()
    6. json()
    7. redirect()
    8. text()

版权所有  © 2014-2026 乐数软件    

工业和信息化部: 粤ICP备14079481号-1