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

2022年01月16日 阅读数:2
这篇文章主要向大家介绍如何判断请求是否发送成功以及获取请求中的数据,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

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

(这里咱以axios为例)ios

//获取按钮
 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)查看请求头和请求体

  • 查看请求方式、请求参数、请求协议
  • 请求实体(传输的数据)


2、获取请求中的数据

(这里咱依然是以axios为例,axios请求成功有一个then方法,调用then方法,打印一下请求的数据)
git



❀ 推荐一个本地服务端(器)的模拟:

(使用也很是简单npm或者其余方式安装一下,使用github介绍上那个简单的例子,而后经过命令启动服务端便可访问)
快速搭建http服务:https://github.com/typicode/json-servergithub