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

Posted 2022-01-12 一乐乐

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

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