如何判断请求是否发送成功以及获取请求中的数据

一、如何判断请求是否发送成功

（这里咱以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