1.构造函数

1.Response()

创建一个新的 Response 对象。

2.属性

1.Response.headers 只读  Response 接口的只读属性 headers 包含与响应关联的Headers对象。

var myHeaders = response.headers;

一个 Headers 对象。


2.Response.ok 只读 Response 接口的只读属性  ok 包含一个布尔值,表明响应是否成功(状态码在200-299范围内).

var myOK = response.ok;

3.Response.redirected 只读

表示该 Response 是否来自一个重定向,如果是的话,它的 URL 列表将会有多个条目。

var isRedirected = Response.redirected;

一个布尔值 (Boolean), 如果响应来自重定向的请求, 那么将返回 true.


4.Response.status 只读

包含 Response 的状态码 (例如 200 表示成功)。

let myStatus = response.status;

一个数字(确切来讲是一个unsigned short)


5.Response.statusText 只读

Response 接口的 statusText只读属性包含与状态代码相对应的状态消息(例如,对于200可以确定)。

let myStatusText = response.statusText;

6.Response.type 只读

包含 Response 的类型(例如,basiccors)。

type 是Response 接口包含的一种响应类型,是只读属性.它可以是以下某一种值:

  • basic: 标准值, 同源响应, 带有所有的头部信息除了“Set-Cookie” 和 “Set-Cookie2″.
  • cors: Response 接收到一个有效的跨域请求. 部分headers和body可以被访问.
  • error: 网络错误. 没有有用的描述错误的信息。响应的状态为0,header为空且不可变。从 Response.error()中获得的响应的类型.
  • opaque: 响应 “no-cors” 的跨域请求. 严重受限.
var myType = response.type;

7.Response.url 只读

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

var myURL = response.url;

8.Body.body 只读

一个简单的 getter,用于暴露一个 ReadableStream 类型的 body 内容。


9.Body.bodyUsed 只读

包含了一个布尔值来标示该 Response 是否读取过 Body


3.方法

1.Response.clone()

创建一个 Response 对象的克隆。

var response2 = response1.clone();

接口的clone()方法Response创建响应对象的克隆,每种方法都相同,但存储在不同的变量中。

clone()TypeError如果响应Body已被使用,则抛出。实际上,clone()存在的主要原因是允许Body对象的多次使用(仅当它们一次使用时)。

2.Response.error()

返回一个绑定了网络错误的新的 Response 对象。

这主要与ServiceWorkers有关;如果您愿意,可以使用error方法返回错误。错误响应的type设置为error

错误” Response永远不会真正暴露给脚本:对a的这种响应fetch()将拒绝承诺

var errorResponse = Response.error();

接口的error()方法Response返回Response与网络错误关联的新对象。

3.Response.redirect()    Response 接口的 redirect() 方法返回一个可以重定向到指定 URL 的 Response 。

var response = Response.redirect(url, status);

url

The URL that the new response is to originate from.

status 可选

用于 response 的可选的状态码 (e.g., 302.)

是一个 Response 对象。

错误类型:

异常类型 说明
RangeError status 不是一个重定向的状态码。
TypeError url 不可用。

4.Response 实现了 Body 接口,所以以下方法同样可用:

Body.arrayBuffer()

读取 Response 对象并且将它设置为已读(因为 Responses 对象被设置为了 stream 的方式,所以它们只能被读取一次),并返回一个被解析为 ArrayBuffer 格式的 Promise 对象。

5.Body.blob()

读取 Response 对象并且将它设置为已读(因为 Responses 对象被设置为了 stream 的方式,所以它们只能被读取一次),并返回一个被解析为 Blob 格式的 Promise 对象。

6.Body.formData()

读取Response 对象并且将它设置为已读(因为 Responses 对象被设置为了 stream 的方式,所以它们只能被读取一次),并返回一个被解析为 FormData 格式的 Promise 对象。

7.Body.json()

读取 Response 对象并且将它设置为已读(因为 Responses 对象被设置为了 stream 的方式,所以它们只能被读取一次),并返回一个被解析为 JSON 格式的 Promise 对象。

8.Body.text()

读取 Response 对象并且将它设置为已读(因为 Responses 对象被设置为了 stream 的方式,所以它们只能被读取一次),并返回一个被解析为 USVString 格式的 Promise 对象。

Fetch 之 response相关推荐

  1. ES6中新的AJAX解决方案:Promise、Fetch、Response、Axios

    目录 (一)Promise对象:包装结果集 一.Promise对象概念: 二.Promise对象使用: 1. Promise对象总是处于以下三种状态之一: 2. 使用方法: (二)Fench()方法: ...

  2. Fetch API HTTP请求实用指南

    本次将介绍如何使用Fetch API(ES6 +)对REST API的 HTTP请求,还有一些示例提供给大家便于大家理解. 注意:所有示例均在带有箭头功能的 ES6中给出. 当前的Web /移动应用程 ...

  3. 为fetch添加拦截器功能

    fetch 添加拦截器拦截器 使用过axios的便会知道axios 有axios.interceptors.request.use请求拦截器与service.interceptors.response ...

  4. 嗯,还在用Ajax嘛?Fetch了解一下呀

    写在前面 之前写了一篇AJAX相关的博文的,看到有小伙伴讲到了Fetch,所以研究下 博文内容参考: https://www.ruanyifeng.com/blog/2020/12/fetch-tut ...

  5. fetch请求html页面,Fetch API 教程

    fetch()是 XMLHttpRequest 的升级版,用于在 JavaScript 脚本里面发出 HTTP 请求. 浏览器原生提供这个对象.本文详细介绍它的用法. 一.基本用法 fetch()的功 ...

  6. JS fetch()用法详解

    目录 了解fetch 没有fetch时我们获取异步资源的方式: 使用fetch后我们获取异步资源的方式 fetch的语法 fetch的Response对象 1.同步属性 2.判断请求是否成功发出 3. ...

  7. 【JS】fetch() 用法

    文章目录 fetch 基本使用 Response 对象 1.同步属性 2.判断请求 3.操作标头 4.读取内容 5.创建副本 6.底层接口 定制 HTTP 请求 取消 fetch 请求 fetch 基 ...

  8. Fetch()方法介绍

    文章目录 前言 XMLRequest(XHR) 告别XMLHttpRequest Promise 使用方法 基本的fetch请求 Response响应 使用fetch请求发送cookie 总结 前言 ...

  9. python爬取app中的音频_Python爬取抖音APP,只需要十行代码

    环境说明 环境: python 3.7.1 centos 7.4 pip 10.0.1 部署 [root@localhost ~]# python3.7 --version Python 3.7.1 ...

最新文章

  1. 深入理解 SVG 系列(一) —— SVG 基础
  2. 添加/移除事件处理程序
  3. 高压电是以交流,还是直流方式输送?
  4. 2017ACM/ICPC广西邀请赛
  5. 来了来了,HTML6展望!
  6. 9个PHP库简介和下载
  7. 通过wget在Linux上下载Java JDK会显示在许可证页面上
  8. Axure RP 9 for mac 高保真原型图 - 案例18 【导航栏-展开、收起】导入元件库
  9. ffmpeg 处理字幕
  10. 【CVX】SDP and conic form problems
  11. 计算机知识在小学教学中的应用,计算机在小学教学中的应用
  12. 前端社区的恶趣味之Vanilla JS
  13. 榆熙教育:拼多多有效提高店铺出评率的技巧
  14. 菜单导航间竖杠竖线间隔符 | 效果的CSS实现
  15. 拼多多百亿补贴石锤了!
  16. openc 图片旋转 ;OpenCvSharp 图片旋转
  17. gps导航软件收发接受数据信息免费开源测试工具,最实用的GPS接收器测试详解
  18. 用javascript实现图片的切换
  19. Nodejs+vue+Elementui英语单词学习网站express前端源码
  20. 一起了解Windows——win10开启服务器管理器的图文操作步骤

热门文章

  1. 练习题-JavaScript
  2. 收件箱和发件箱 表设计_在收件箱中播放不错
  3. 阿里云高主频计算型实例规格族cm4实例CPU配置性能和使用场景
  4. 阿拉伯数字转换成大写数字
  5. centos 设置mtu_linux下修改mtu值
  6. Android service 启动篇之 startService
  7. SEO赚不到钱是病 得治
  8. 用Python实现城市方向熵的计算
  9. 大疆M100,M200,M600系列对比
  10. Linux定时任务执行脚本无效