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)多个异步

发布了7 篇原创文章 · 获赞 0 · 访问量 53

猜你喜欢

转载自blog.csdn.net/zeshen123/article/details/103904537
今日推荐