學習axios
阿新 • • 發佈:2021-08-22
- 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",{})