如何判斷請求是否發送成功以及獲取請求中的數據

一、如何判斷請求是否發送成功

（這里咱以axios為例）

//獲取按鈕
 const btns = document.querySelectorAll('button');
 btns[1].onclick = function (){
    //調用axios方法(返回值是一個Promise對象)，發送AJAx請求
    axios({
        //請求類型
        method: 'POST',
        //URL
        url:'http://localhost:3000/posts',
        //設置請求體(即數據)
        data:{
            title: "money",
            author: "i want"
        }

    }).then(response => {//請求成功后，獲取請求中的數據
        console.log(response)
    })
};

（1）打開network，先查看請求碼

（2）查看請求頭和請求體

• 查看請求方式、請求參數、請求協議
• 請求實體（傳輸的數據）
  

二、獲取請求中的數據

（這里咱依然是以axios為例，axios請求成功有一個then方法，調用then方法，打印一下請求的數據）

❀ 推薦一個本地服務端（器）的模擬：

（使用也非常簡單npm或者其他方式安裝一下，使用github介紹上那個簡單的例子，然后通過命令啟動服務端即可訪問）
快速搭建http服務：https://github.com/typicode/json-server