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 : 响应状态信息

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章