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

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

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