Fetch 之 response
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 的类型(例如,basic
、cors
)。
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相关推荐
- ES6中新的AJAX解决方案:Promise、Fetch、Response、Axios
目录 (一)Promise对象:包装结果集 一.Promise对象概念: 二.Promise对象使用: 1. Promise对象总是处于以下三种状态之一: 2. 使用方法: (二)Fench()方法: ...
- Fetch API HTTP请求实用指南
本次将介绍如何使用Fetch API(ES6 +)对REST API的 HTTP请求,还有一些示例提供给大家便于大家理解. 注意:所有示例均在带有箭头功能的 ES6中给出. 当前的Web /移动应用程 ...
- 为fetch添加拦截器功能
fetch 添加拦截器拦截器 使用过axios的便会知道axios 有axios.interceptors.request.use请求拦截器与service.interceptors.response ...
- 嗯,还在用Ajax嘛?Fetch了解一下呀
写在前面 之前写了一篇AJAX相关的博文的,看到有小伙伴讲到了Fetch,所以研究下 博文内容参考: https://www.ruanyifeng.com/blog/2020/12/fetch-tut ...
- fetch请求html页面,Fetch API 教程
fetch()是 XMLHttpRequest 的升级版,用于在 JavaScript 脚本里面发出 HTTP 请求. 浏览器原生提供这个对象.本文详细介绍它的用法. 一.基本用法 fetch()的功 ...
- JS fetch()用法详解
目录 了解fetch 没有fetch时我们获取异步资源的方式: 使用fetch后我们获取异步资源的方式 fetch的语法 fetch的Response对象 1.同步属性 2.判断请求是否成功发出 3. ...
- 【JS】fetch() 用法
文章目录 fetch 基本使用 Response 对象 1.同步属性 2.判断请求 3.操作标头 4.读取内容 5.创建副本 6.底层接口 定制 HTTP 请求 取消 fetch 请求 fetch 基 ...
- Fetch()方法介绍
文章目录 前言 XMLRequest(XHR) 告别XMLHttpRequest Promise 使用方法 基本的fetch请求 Response响应 使用fetch请求发送cookie 总结 前言 ...
- python爬取app中的音频_Python爬取抖音APP,只需要十行代码
环境说明 环境: python 3.7.1 centos 7.4 pip 10.0.1 部署 [root@localhost ~]# python3.7 --version Python 3.7.1 ...
最新文章
- 深入理解 SVG 系列(一) —— SVG 基础
- 添加/移除事件处理程序
- 高压电是以交流,还是直流方式输送?
- 2017ACM/ICPC广西邀请赛
- 来了来了,HTML6展望!
- 9个PHP库简介和下载
- 通过wget在Linux上下载Java JDK会显示在许可证页面上
- Axure RP 9 for mac 高保真原型图 - 案例18 【导航栏-展开、收起】导入元件库
- ffmpeg 处理字幕
- 【CVX】SDP and conic form problems
- 计算机知识在小学教学中的应用,计算机在小学教学中的应用
- 前端社区的恶趣味之Vanilla JS
- 榆熙教育:拼多多有效提高店铺出评率的技巧
- 菜单导航间竖杠竖线间隔符 | 效果的CSS实现
- 拼多多百亿补贴石锤了!
- openc 图片旋转 ;OpenCvSharp 图片旋转
- gps导航软件收发接受数据信息免费开源测试工具,最实用的GPS接收器测试详解
- 用javascript实现图片的切换
- Nodejs+vue+Elementui英语单词学习网站express前端源码
- 一起了解Windows——win10开启服务器管理器的图文操作步骤