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

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

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


(这里咱以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,先查看请求码


image.png


(2)查看请求头和请求体

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

1.png


二、获取请求中的数据

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


image.png


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

(使用也非常简单npm或者其他方式安装一下,使用github介绍上那个简单的例子,然后通过命令启动服务端即可访问)

快速搭建http服务:https://github.com/typicode/json-server


3.png

4.png


目录
相关文章
|
开发框架 JavaScript 前端开发
百度富文本编辑器配置(vue3)
百度富文本编辑器配置(vue3)
|
存储 算法 数据库
BTRFS - A Forest,extent分配树,同步与并发
介绍Btrfs如何由树木森林构成。
615 3
|
4月前
|
人工智能 安全 机器人
“养龙虾”全攻略|OpenClaw(龙虾AI)阿里云轻量服务器零基础部署+QQ等四大IM集成+千问API配置指南
2026年,一款名为OpenClaw的开源AI智能体(AI Agent)全网爆火,因其Logo是一只红色小龙虾,“Claw”意为“钳子”,象征着能动手操作电脑,被广大爱好者亲切称为“龙虾AI”,而部署、调教、使用它的全过程也被戏称为“养龙虾”。这款遵循MIT开源协议的AI自动化引擎,彻底打破了传统AI仅限于“对话框”的局限,核心是让大模型从“只会对话”变成“能执行真实任务”的数字员工,真正实现了从“对话式AI”向“行动式AI”的跨越。
817 4
|
安全 应用服务中间件 网络安全
Certimate + Let’s Encrypt:零干预的 HTTPS 永续方案
这篇文章介绍了HTTPS在互联网中的重要性以及手动续签SSL证书的痛点,如频繁操作、易出错和安全风险。随后讨论了自动化续签工具如Certbot、Certimate和acme.sh的功能对比,强调了自动化管理的优势,并重点介绍了Certimate如何解决这些问题。
349 0
|
数据安全/隐私保护
5分钟注册一个可用Gemini的谷歌邮箱账号
5分钟注册一个可用Gemini的谷歌邮箱账号
8001 24
5分钟注册一个可用Gemini的谷歌邮箱账号
|
数据安全/隐私保护 Python
抖音抢福袋脚本辅助器, 抢福袋最新脚本免费,抖音抢红包脚本插件【autojs】
该脚本实现以下核心功能:自动识别抖音窗口并置顶‌
|
Web App开发 JavaScript 前端开发
用来用去还是用回了ueditor-Vue富文本编辑器二次扩展
用来用去还是用回了ueditor-Vue富文本编辑器二次扩展
964 11
|
安全 Linux 程序员
入职必会-开发环境搭建34-FinalShell下载和安装
在企业开发中,Linux服务器一般都是在远程的机房中,我们不可能坐在机房里面操作服务器上的Linux系统,所以在学习Linux之前我们需要远程连接Linux系统。工作中一般使用SSH协议远程连接Linux。
18993 1
入职必会-开发环境搭建34-FinalShell下载和安装
|
Java Android开发
解决Android编译报错:Unable to make field private final java.lang.String java.io.File.path accessible
解决Android编译报错:Unable to make field private final java.lang.String java.io.File.path accessible
4064 1
|
存储 监控 供应链
微服务拆分的 “坑”:实战复盘与避坑指南
本文回顾了从2~3人初创团队到百人技术团队的成长历程,重点讨论了从传统JSP到前后端分离+SpringCloud微服务架构的演变。通过实际案例,总结了微服务拆分过程中常见的两个问题:服务拆分边界不清晰和拆分粒度过细,并提出了优化方案,将11个微服务优化为6个,提高了系统的可维护性和扩展性。
486 0