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 : 響應狀態信息

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