-
課程不錯哦!
查看全部 -
Axios的定義:基于Promise的HTTP庫,是繼AJAX、Fetch后又一種前端請求服務器端接口的方式。
Axios的應用:既可以用于瀏覽器(客戶端),也可以用于Node.js(服務器端)。
Axios的特性
支持Promise的API,熟悉Promise的人都知道Promise是ES6中新增的對象,用于異步操作,特別是異步請求應用很頻繁。
攔截請求和響應。
轉換請求數據和響應數據。
取消請求。
自動轉換JSON數據,不用我們使用內置對象JSON的parse方法將JSON字符串轉換成JSON對象。
支持防御XSRF(跨站請求偽造,也被稱為“One Click Attack”或者Session Riding,通常縮寫為CSRF或者XSRF,是一種對網站的惡意利用)。
查看全部 -
axios.delete('/delete',{
????params:{
????????id:12
????}
}).then(res=>{
????console.log(res);
})
axios.delete('/delete',{
? ? data:{
????????id:12
????}
}).then(res=>{
????console.log(res);
})
查看全部 -
post
form-data?表單提交(圖片上傳,文件上傳)
application/json
let data={id:12};
//post請求
axios.post('/post',data).then
(
????res=>{console.log(res)
});
axios({
????methods:'post',
????url:'/post',
????data:data
}).then(res=>{
????console.log(res);
})
//form-data請求
let?formData=new FormData();
for(let key in data) {
????formData.append(key,data[key]);
}
axios.post('/post',formData).then
(res=>{
????console.log(res)
})
//put請求
axios.put('/put',data).then(res=>{
????console.log(res)
})
//patch請求
axios.patch('/patch',data).then
(res=>{
????console.log(res)
})
查看全部 -
axios請求方法:
get:獲取數據
post:提交數據(表單提交+文件上傳)
put:更新數據(所有數據推送到后端)
patch:更新數據 (只將修改的數據推送到后端)
delete:刪除數據
查看全部 -
一、定義
Axios是一個基于promise的http庫
可以用于瀏覽器和node.js
二、特性
支持Promise API
攔截請求和響應
轉換請求數據和響應數據
取消請求
自動轉換JSON數據
客戶端支持防御XSRF
查看全部 -
axios請求方法:
查看全部 -
1.axios是一個基于promise的http庫。類似jquery的ajax
查看全部 -
axios封裝拓展
查看全部 -
async await是為了避免有回調地獄的產生
查看全部 -
axios請求方法: 1、get 請求數據 1. post,查看全部
-
http掛載到vue實例上
查看全部 -
Promise是ES6中的一個內置的對象(實際上是一個構造函數,通過這個構造函數我們可以創建一個Promise對象),它是為了解決異步問題的。Promise的英文意思是承諾。
Promise的特點如下:
Promise有三種狀態:Pending(進行中)、Resolved(已完成)、Rejected(已失敗)。只有異步操作的結果,可以決定當前是哪一種狀態,任何其他操作都無法改變這個狀態。這就是Promise。
Promise一共有三種狀態,但是他們之間是如何轉化的呢? 其一: 從Pending(進行中)到Resolved(完成)。其二: 從Pending(進行中)到Rejected(已失敗)。 且只有這兩種形式的轉變,即使是Promise對象的結果也無力回天了。
但是Promise也是有一定的缺點的,如在Pengding時,我們無法取消狀態,另外,我們沒法判斷Pending究竟是剛剛開始的Pending還是即將要完成的Pending。
查看全部 -
用到取消請求的地方,
大批量數據的獲取可能會造成延遲,
中途用戶進行其他數據請求的時候,
那么上一個請求就沒用了,這里就可以取消上一個請求
查看全部 -
調用source下的cancel方法可以進行請求的取消,帶的參數會進入到axios的catch方法中,參數可選不是必填
查看全部
舉報