1. 程式人生 > 其它 >學習axios

學習axios

  • 1.ajax,jqueryAjax,fetch,axios的比較

    幾種方式的對比
    ajax:
    優點:區域性更新;原生支援】
    缺點:可能破壞瀏覽器後退功能;巢狀回撥】
    jqueryAjax:
    【在原生的ajax的基礎上進行了封裝;支援jsonp】
    fetch:
    優點:解決回撥地獄】
    缺點:API 偏底層,需要封裝;預設不帶Cookie,需要手動新增; 瀏覽器支援情況不是很友好,需要第三方的ployfill】
    axios:
    【幾乎完美】

  • axios的特點
    支援瀏覽器和node.js
    支援promise
    攔截請求和響應
    能轉換請求和響應資料
    取消請求
    自動轉換JSON資料
    瀏覽器端支援防止CSRF

    (跨站請求偽造)




搬運自簡書 連結:https://www.jianshu.com/p/d771bbc61dab

2.axios的基本語法
axios({
  method:""  ,//請求方式
      url:"" ,        //請求介面
     params:"" ,   //請求引數與url一起傳送的
    data:"" ,       //post請求時的引數 放到請求體中傳送的
})

axios更多配置請參考:https://zhuanlan.zhihu.com/p/88497407

3.注意:axios返回值時promise型別的,axios會自動給返回值再巢狀一層,真實資料在返回值.data中

4.axios.get()攜帶引數時,引數位置

axios.get("url",{params:{}}

5.axios.post()攜帶引數時,引數位置

axios.post("url",{})