Vuejs学习(四)前端交互

1.Promise
(1)解决回调地狱问题
(2)基本用法
在这里插入图片描述(3)resolve函数用于处理成功的,reject用于处理失败的,并通过then获取处理结果
(4)then
catch
finally
(5)对象方法(可传多参)
Promise.all() 所有任务执行完成后才能得到全部结果
Promise.race()得到最快返回结果
2.fetch
(1)
在这里插入图片描述(2)常用配置项
在这里插入图片描述(2)get、delete相似,为上图
后台获取用query
(3)post、put相似,为下图(请求头必须配置)
在这里插入图片描述也支持headers里content-type用json
后台获取用body
(4)fetch响应结果
在这里插入图片描述
3.axios
(1)需要导包
(2)获取数据通过.data
(3)后台获取用param
(4)http请求方法与fetch一致
(5)get,delete
在这里插入图片描述
在这里插入图片描述(6)put,post
在这里插入图片描述也可通过json
可传参
(7)可简写地址
在这里插入图片描述(8)拦截器
在这里插入图片描述在这里插入图片描述
4.async/await
(1)基本用法
在这里插入图片描述(2)多个异步

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值