Ajax的封裝庫Axios怎么使用

這篇文章主要介紹“Ajax的封裝庫Axios怎么使用”，在日常操作中，相信很多人在Ajax的封裝庫Axios怎么使用問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”Ajax的封裝庫Axios怎么使用”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

　　Axios 是目前應用最為廣泛的 AJAX 封裝庫

　　Axios的特性有：

　　從瀏覽器中創(chuàng)建 XMLHttpRequests

　　從 node.js 創(chuàng)建 http 請求

　　支持 Promise API

　　攔截請求和響應

　　轉換請求數(shù)據(jù)和響應數(shù)據(jù)

　　取消請求

　　自動轉換 JSON 數(shù)據(jù)

　　客戶端支持防御 XSRF

　　使用axios時，需要通過使用script標簽引入：

　　axios的中文網(wǎng)鏈接：Axios中文網(wǎng)

　　Axios API

　　向axios（）傳遞相關配置來創(chuàng)建請求；

　　axios（對象格式的配置選項）

　　axios（url，config）

　　常用的配置項

　　url：用于請求的服務器URL

　　method：創(chuàng)建請求時使用的方法

　　baseURL：傳遞相對URL前綴，將自動加在url前面

　　headers：即將被發(fā)送的自定義請求頭

　　params：即將與請求一起發(fā)送的URL參數(shù)

　　data：作為請求主體被發(fā)送的數(shù)據(jù)

　　timeout：指定請求超時的毫秒數(shù)（0表示無超時時間）

　　responseType：表示服務器響應的數(shù)據(jù)類型，默認“json”

　　axios（）。then（function（response）{

　　//正常請求的響應信息對象response

　　}）

　　。catch（function（error）{

　　//捕獲的錯誤

　　}）

　　代碼展示如下：

　　axios 全局默認值的配置

　　axios攔截器：在請求或響應被then或catch處理前攔截它們

　　axios 的請求攔截器

　　axios 的響應攔截器

　　axios的快速請求方法

　　axios.get（url[,config]）

　　axios.post（url[,data[,config]]）

　　axios.delete（url[,config]）

　　axios.put（url[,data[,config]]）

　　XMLHttpRequest2.0，html5對XMLHttpRequest類型全面升級，使其變得更加易用、強大。

　　onload / onprogress

　　XML.onload 事件：只在請求完成時觸發(fā)

　　XML.onprogress 事件：只在請求進行中觸發(fā)

　　response屬性

　　以對象的形式表述響應體，其類型取決于responseType的值。根據(jù)responseType的值，來通過特定的類型請求數(shù)據(jù)。

　　responseType要在調用open（）初始化請求之后，在調用send（）發(fā)送請求到服務器之前設置才會有效。

到此，關于“Ajax的封裝庫Axios怎么使用”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>