javascript基础从小白到高手系列一千三十一:读取响应状态信息

Response 对象包含一组只读属性,描述了请求完成后的状态,如下表所示。
属 性 值
headers 响应包含的Headers 对象
ok 布尔值,表示HTTP 状态码的含义。200~299 的状态码返回true,其他状态码返回false
redirected 布尔值,表示响应是否至少经过一次重定向
status 整数,表示响应的HTTP 状态码
statusText 字符串,包含对HTTP 状态码的正式描述。这个值派生自可选的HTTP Reason-Phrase 字段,因此如果服
务器以Reason-Phrase 为由拒绝响应,这个字段可能是空字符串
type 字符串,包含响应类型。可能是下列字符串值之一
 basic:表示标准的同源响应
 cors:表示标准的跨源响应
 error:表示响应对象是通过Response.error()创建的
 opaque:表示no-cors 的fetch()返回的跨源响应
 opaqueredirect:表示对redirect 设置为manual 的请求的响应
url 包含响应URL 的字符串。对于重定向响应,这是最终的URL,非重定向响应就是它产生的
以下代码演示了返回200、302、404 和500 状态码的URL 对应的响应:
fetch(‘//foo.com’).then(console.log);
// Response {
// body: (…)
// bodyUsed: false
// headers: Headers {}
// ok: true
// redirected: false
// status: 200
// statusText: “OK”
// type: “basic”
// url: “https://foo.com/”
// }
fetch(‘//foo.com/redirect-me’).then(console.log);
// Response {
// body: (…)
// bodyUsed: false
// headers: Headers {}
// ok: true
// redirected: true
// status: 200
// statusText: “OK”
// type: “basic”
// url: “https://foo.com/redirected-url/”
// }
fetch(‘//foo.com/does-not-exist’).then(console.log);
// Response {
// body: (…)
// bodyUsed: false
// headers: Headers {}
// ok: false
// redirected: true
// status: 404
// statusText: “Not Found”
// type: “basic”
// url: “https://foo.com/does-not-exist/”
// }
fetch(‘//foo.com/throws-error’).then(console.log);
// Response {
// body: (…)
// bodyUsed: false
// headers: Headers {}
// ok: false
// redirected: true
// status: 500
// statusText: “Internal Server Error”
// type: “basic”
// url: “https://foo.com/throws-error/”
// }
克隆Response 对象
克隆Response 对象的主要方式是使用clone()方法,这个方法会创建一个一模一样的副本,不
会覆盖任何值。这样不会将任何请求的请求体标记为已使用:
let r1 = new Response(‘foobar’);
let r2 = r1.clone();
console.log(r1.bodyUsed); // false
console.log(r2.bodyUsed); // false
如果响应对象的bodyUsed 属性为true(即响应体已被读取),则不能再创建这个对象的副本。在
响应体被读取之后再克隆会导致抛出TypeError。
let r = new Response(‘foobar’);
r.clone();
// 没有错误
r.text(); // 设置bodyUsed 为true
r.clone();
// TypeError: Failed to execute ‘clone’ on ‘Response’: Response body is
already used
有响应体的Response 对象只能读取一次。(不包含响应体的Response 对象不受此限制。)比如:
let r = new Response(‘foobar’);
r.text().then(console.log); // foobar
r.text().then(console.log);
// TypeError: Failed to execute ‘text’ on ‘Response’: body stream is locked
要多次读取包含响应体的同一个Response 对象,必须在第一次读取前调用clone():
let r = new Response(‘foobar’);
r.clone().text().then(console.log); // foobar
r.clone().text().then(console.log); // foobar
r.text().then(console.log); // foobar
此外,通过创建带有原始响应体的Response 实例,可以执行伪克隆操作。关键是这样不会把第一
个Response 实例标记为已读,而是会在两个响应之间共享:
let r1 = new Response(‘foobar’);
let r2 = new Response(r1.body);
console.log(r1.bodyUsed); // false
console.log(r2.bodyUsed); // false
r2.text().then(console.log); // foobar
r1.text().then(console.log);
// TypeError: Failed to execute ‘text’ on ‘Response’: body stream is locked

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值