axios基礎

何がaxiosですか
AxiosはpromiseベースのHTTPライブラリです.ブラウザとnode.jsで使用できます.
axiosの特性
特性:ブラウザからXMLttpRequestsを作成し、node.jsからhttp要求を作成し、Promise APIブロッキング要求と応答変換要求データと応答データキャンセル要求を作成します.自動変換JSONデータクライアントは防御XSRFをサポートします.
axisoのインストール
npmを使う:

 npm install axios

bowerを使う:

 bower install axios

cdnを使う:

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

ケース
axiosは先に導入しなければならないので、getとpost方法を使用して対応する要求thenメソッドにおけるコールバック関数を送信することができます.成功または失敗を要求したときに、コールバック関数のイメージによって応答の内容、またはエラー情報を取得することができます.

<input type="button" value="get  " class="get">
    <input type="button" value="post  " class="post">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <a href="https://autumnfish.cn/api/joke/list"></a>
    <script>
        //   1：    
        //     ：https://autumnfish.cn/api/joke/list
        //     ：get
        //     ：num(    ，  )
        //     ：    
        document.querySelector(".get").onclick = function(){
     
            axios.get("https://autumnfish.cn/api/joke/list?num=6")
            // axios.get("https://autumnfish.cn/api/joke/list12424?num=6")//        404
            .then(function(response){
     
                console.log(response);
            },function(err){
     
                console.log(err);
            })
        },

/*   2：    
       
        //     ：post
        //     ：username(   ，   )
        //     ：       */
        document.querySelector(".post").onclick = function(){
     
            axios.post("",
            
            .then(function(response){
     
                console.log(response);
            },function(err){
     
                console.log(err);
            })
        }