如何判断请求是否发送成功以及获取请求中的数据
一、如何判断请求是否发送成功
(这里咱以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,先查看请求码
![](https://img2020.cnblogs.com/blog/2282448/202201/2282448-20220111222903509-354042904.png)
(2)查看请求头和请求体
- 查看请求方式、请求参数、请求协议
- 请求实体(传输的数据)
二、获取请求中的数据
(这里咱依然是以axios为例,axios请求成功有一个then方法,调用then方法,打印一下请求的数据)
❀ 推荐一个本地服务端(器)的模拟:
(使用也非常简单npm或者其他方式安装一下,使用github介绍上那个简单的例子,然后通过命令启动服务端即可访问)
快速搭建http服务:https://github.com/typicode/json-server
![](https://img2020.cnblogs.com/blog/2282448/202201/2282448-20220111225245753-1133691935.png)
![](https://img2020.cnblogs.com/blog/2282448/202201/2282448-20220111225606748-950789187.png)
本文来自博客园,作者:一乐乐,转载请注明原文链接:https://www.cnblogs.com/shan333/p/15790456.html