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

发布时间:2022-06-26 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了如何判断请求是否发送成功以及获取请求中的数据脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

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

脚本宝典总结

以上是脚本宝典为你收集整理的如何判断请求是否发送成功以及获取请求中的数据全部内容,希望文章能够帮你解决如何判断请求是否发送成功以及获取请求中的数据所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: