在此页

• 句法
• 范例
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

clone() 方法在 响应 interface creates a clone of a response object, identical in every way, but stored in a different variable.

clone() throws a TypeError if the response Body has already been used. In fact, the main reason clone() exists is to allow multiple uses of Body objects (when they are one-use only.)

句法

var response2 = response1.clone();
					

参数

None.

值

A 响应 对象。

范例

In our Fetch Response clone example (见 Fetch Response clone live ) we create a new Request 对象使用 Request() constructor, passing it a JPG path. We then fetch this request using fetch() . When the fetch resolves successfully, we clone it, extract a blob from both responses using two Body.blob calls, create object URLs out of the blobs using URL.createObjectURL , and display them in two separate <img> 元素。

var image1 = document.querySelector('.img1');
var image2 = document.querySelector('.img2');
var myRequest = new Request('flowers.jpg');
fetch(myRequest).then(function(response) {
  var response2 = response.clone();
  response.blob().then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    image1.src = objectURL;
  });
  response2.blob().then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    image2.src = objectURL;
  });
});
					

规范

规范	状态	注释
Fetch The definition of 'clone()' 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
clone	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

图例

完整支持

完整支持

不支持

不支持

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

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

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

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

另请参阅

• ServiceWorker API
• HTTP access control (CORS)
• HTTP

元数据

• 最后修改： 2019 年 3 月 23 日

相关话题

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()