vue:前后端交互模式

Promise

在这里插入图片描述

Promise概念
promise是异步编程的一种解决方案,从语法上讲,Promise是一种对象,从它可以获取异步操作的消息
优点:
1.可以避免多层异步调用嵌套问题(回调地狱)
2.提供了简洁的api,使得控制异步操作更加容易。

在这里插入图片描述

promise三个实例方法
.then()得到异步任务的正确结果
.catch()获取异常信息
.finally()成功与否都会执行(尚且不是正式标准)

promise对象方法
promise.all()并发处理多个异步任务,所有任务都执行完成才能得到结果
promise.race()并发处理多个异步任务,只要有一个任务完成就能得到结果

fetch

fetch基本特性
1.更加简单的数据获取方式,功能更强大,更灵活,可以看做是xhr的升级版
2.基于promise实现
在这里插入图片描述

Axios

在这里插入图片描述

axios基本用法
axios.get('url').then(ret=>{
	//data属性名是固定的,用于获取后台响应的数据
	console.log(ret.data)
})

在这里插入图片描述

axios响应结果
响应结果的主要属性
1.data :实际响应回来的数据
2.headers : 响应头信息
3. status : 响应头信息
4. statusText : 响应状态信息

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值