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

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

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

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

← 上一篇: 育碧商城开启春促
下一篇: 阿根廷大名单公布!梅西、小蜘蛛、劳塔罗等球星入选世界杯阵容 →

相关推荐