fetch的基本用法、请求参数及响应结果

创始人

2024-01-15 12:53:05

0次

前言

fetch是基于Promise来实现的，Promise用法：Promise用法及基于Promise处理ajax请求

一、fetch

1、基本特性

更加简单的数据获取方式，功能更强大，更灵活，可以看作是xhr的升级版

官方：https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

xhr相关知识点：

2、语法

fetch(url).then(fn2).then(fn3)....catch(fn)

3、基本用法

text()方法属于fetchAPI的一部分，它返回一个Promise实例对象，需要return
用途：用于获取后台返回的数据

fetch('/abc').then(data =>{return data.text(); // text()返回的是一个Promise对象
}).then(ret =>{//这里得到的才是最终的数据console.log(ret)
});

二、fetch请求参数

1、常用的配置项

配置项	类型	说明
method	String	HTTP请求方法，默认为get（get、post、put、delete）
body	String	HTTP请求参数
headers	Object	HTTP请求头，默认为{}

2、get请求传参

put类似

fetch('/abc?id=123',{method:'get'
}).then(data=>{return data.text()
}).then(ret=>{// 这里得到的才是真正的数据console.log(ret);})

3、post请求传参

delete类似
必须写请求头

fetch("/abc", {method: "POST",body: "uname=list&pwd=123",headers:{'Content-Type','application/x-www-form-urlencoded';}
}).then((data) => {return data.text();}).then((ret) => {// 这里得到的才是真正的数据console.log(ret);});

三、fetch响应结果

响应数据格式

名称	说明
text()	将返回体处理成字符串类型
json()	返回结果和JSON.parse(responseText)一样

fetch("/abc/json").then((data) => {// return data.text();return data.json()}).then((ret) => {// 这里得到的才是真正的数据console.log(ret);});

上一篇：新人入手mac折腾过程中遇到的解决方案

下一篇：web自动化测试框架

热门资讯

写给医院的感谢信有关写给医院的感谢信汇总七篇　　在我们平凡的日常里，大家都经常接触到书信吧，书信是向亲人、朋友、同志...

通用春节祝福问候语短信 2020年通用春节祝福问候语短信汇总30条　　片绿叶，饱含着它对根的情谊；句贺词，浓缩了我对你的祝愿...

公司离职证明公司离职证明（精选12篇）　　在平时的学习、工作或生活中，大家都不可避免地会接触到证明吧，证明是以行...

欢迎新员工入群的欢迎词欢迎新员工入群的欢迎词范文（精选10篇）　　在学习、工作生活中，欢迎词的使用频率越来越高，好的欢迎词...

什么是平行志愿录取规则　　平行志愿投档录取模式是高考志愿的一种新方式，2008年教育部在安徽省、湖南省、江苏省、辽宁省、上...

饭店幽默停业通知饭店幽默停业通知（精选14篇）　　在当今社会生活中，需要使用通知的情况越来越多，通知一般由标题、主送...

大学生毕业感言简短大学生毕业感言简短（精选5篇）　　在日常生活或是工作学习中，我们常常会收获不一样的感想和体会，如此便...

生日宴会邀请函生日宴会邀请函8篇　　电子邀请函相对传统纸质邀请函在信息传达方面具有很大优势。在现实社会中，邀请函与...

致老鼠的一封信致老鼠的一封信　　在生活、工作和学习中，大家都接触过书信吧，书信是用于交流思想、表达意见、传递信息、...

音乐著作权使用许可协议书音乐著作权使用许可协议书　　在学习、工作生活中，很多地方都会使用到协议，签订协议能够最大程度的保障自...

安全的承诺书关于安全的承诺书（精选6篇）　　在日新月异的现代社会中，承诺书对我们的作用越来越大，承诺书由标题、启...

亲子鉴定书样本亲子鉴定书样本亲子鉴定书样本遗传检验报告委托方：XXX委托事由：DNA亲子鉴定;委托日...

情人节表白的话短信摘录精选情人节表白的话短信摘录（通用105句）　　一颗真诚的心，借助这漫漫的网络星空，在友情纯真彼此交往...

给爸爸的感谢信给爸爸的感谢信　　在不断进步的时代，需要使用感谢信的场合越来越多，请注意不同的感谢信内容同样也是不同...

婚姻男方保证书婚姻男方保证书范文（精选5篇）　　在现在社会，我们使用上保证书的情况与日俱增，保证书的内容格式包含标...

保管协议书保管协议书模板合集5篇　　在发展不断提速的社会中，人们运用到协议书的场合不断增多，签订协议书可解决或...

法国人初次见面的礼仪介绍关于法国人初次见面的礼仪介绍　　法国人在社交场合与客人见面时，一般惯以握手为礼。他们的男女之间，女...

员工工作失误检讨书员工工作失误检讨书　　说明：是机关实用文体写作常用的基本表达方式，有：概说、界说、解说。下面是小编整...

结婚请帖邀请函结婚请帖邀请函（精选7篇）　　对婚礼这场大喜事来说,除了传播度较广的短信邀请以外,怎么能少了对宾客的...

简短的追悼词简短的追悼词（通用10篇）　　为了对死者表示敬意与哀思，常常需要使用悼词，按照悼词用途的不同，悼词可...