codecamp

Response属性:url

url 只读属性

Response 接口的 url 只读属性包含响应的 URL。该 url 属性的值将是任何重定向后获得的最终 URL。 

url 只读属性语法

var myURL = response.url ;

url 只读属性值

url 只读属性的值为一个 USVString。

url 只读属性示例

在我们的 Fetch Response 示例中,我们使用 Request() 构造函数创建一个新 Request 对象,并将它传递给 JPG 路径。然后我们使用 fetch() 来获取这个请求,从 Body.blob 响应中提取一个 blob,使用 URL.createObjectURL 创建一个对象URL,并在一个 <img> 中显示它。

请注意,在 fetch() 块的顶部,我们将响应 URL 记录到控制台。

var myImage = document.querySelector('img');

var myRequest = new Request('flowers.jpg');

fetch(myRequest).then(function(response) {
  console.log(response.url); // returns https://developer.mozilla.org/en-US/docs/Web/API/Response/flowers.jpg
  response.blob().then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });
});

规范

规范 状态 注释
Fetch
在该规范中'url'的定义。
Living Standard
初始定义

浏览器兼容性 

电脑端 移动端
Chrome
Edge
Firefox
Internet Explorer
Opera
Safari
Android webview
Chrome for Android
Edge Mobile Firefox for Android
Opera for Android
iOS Safari
基本支持 支持:42 支持 支持:39 不支持 支持:29 不支持 不支持 不支持 支持 不支持 不支持 不支持
Response属性:type
Response方法:clone()
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Fetch API官方文档指南

Fetch API方法

WindowOrWorkerGlobalScope执行者:window

window属性

WindowOrWorkerGlobalScope执行者:WorkerGlobalScope

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }