亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

axios在vue中的使用

難度中級
時長 3小時43分
學習人數
綜合評分9.43
58人評價 查看評價
9.3 內容實用
9.3 簡潔易懂
9.7 邏輯清晰
  • 課程不錯哦!

    查看全部
    0 采集 收起 來源:vue項目的創建

    2020-05-29

  • Axios的定義:基于Promise的HTTP庫,是繼AJAX、Fetch后又一種前端請求服務器端接口的方式。

    Axios的應用:既可以用于瀏覽器(客戶端),也可以用于Node.js(服務器端)。

    Axios的特性

    1. 支持Promise的API,熟悉Promise的人都知道Promise是ES6中新增的對象,用于異步操作,特別是異步請求應用很頻繁。

    2. 攔截請求和響應。

    3. 轉換請求數據和響應數據。

    4. 取消請求。

    5. 自動轉換JSON數據,不用我們使用內置對象JSON的parse方法將JSON字符串轉換成JSON對象。

    6. 支持防御XSRF(跨站請求偽造,也被稱為“One Click Attack”或者Session Riding,通常縮寫為CSRF或者XSRF,是一種對網站的惡意利用)。

    查看全部
    0 采集 收起 來源:課程介紹

    2020-05-29

  • 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

    查看全部
    0 采集 收起 來源:課程介紹

    2020-05-15

  • axios請求方法:

    查看全部
  • 1.axios是一個基于promise的http庫。類似jquery的ajax

    查看全部
    0 采集 收起 來源:課程介紹

    2020-04-30

  • axios封裝拓展

    查看全部
    1 采集 收起 來源:課程總結

    2020-04-23

  • 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。

    查看全部
    0 采集 收起 來源:課程介紹

    2020-03-24

  • 用到取消請求的地方,

    大批量數據的獲取可能會造成延遲,

    中途用戶進行其他數據請求的時候,

    那么上一個請求就沒用了,這里就可以取消上一個請求

    查看全部
    0 采集 收起 來源:取消請求

    2020-03-19

  • 調用source下的cancel方法可以進行請求的取消,帶的參數會進入到axios的catch方法中,參數可選不是必填

    查看全部
    0 采集 收起 來源:取消請求

    2020-03-19

舉報

0/150
提交
取消
課程須知
1.對vue有一定的了解 2.對ES6有一定的了解 3.對數據請求有一定的了解(如ajax)
老師告訴你能學到什么?
1. axios的基本用法; 2. axios的各種請求方法以及相關配置; 3. axios的攔截器,合并請求,取消請求; 4. 如何在項目中優雅的使用Axios。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!