当前位置: 首页 > news >正文

axios

AJAX:

先使用 axios 库,与服务器进行数据通信

url:统一资源定位符

http协议:超文本传输协议,规定浏览器和服务器之间传输数据的格式

域名:标记服务器在互联网中方位

资源路径:标记资源在服务器下的具体位置

请求回来的数据 data是后端数据

URL查询参数 

(then中的回调函数对从服务器请求回来的数据做处理)

 

将统一资源定位符 url 中的查询参数,通过写在 axios配置中的 params参数里,并且是以键值对的形式。(如果键值同名,那么只写一个)

常用请求方法

上面的能从服务器上拿取数据,下面就学习将数据存入服务器(设置不同请求方法就能实现)

当使用 get获取数据时使用 params携带参数

当使用 post 将数据提交到服务器 用data

axios错误处理

弹框显示给用户看 

http协议 - 请求报文

请求报文 - 错误排查

在输入正确的请求报文之后依然报错说不正确,因为账号和密码是后端校验,所以极有可能是原来没有将 账号和密码提交到服务器。所以检查开发者工具中 网络 的 载荷,看提交的数据是否出现问题

HTTP协议 - 响应报文

http响应状态码:用来表明请求是否成功完成

接口文档 

请求拦截器: axios在headers选项中传递请求头参数,但是如果要发送多个 axios请求,每个请求都要携带这个 headers选项,可以直接在请求拦截器中设置公共headers选项

async和await两个关键字:是 js 中异步编程终极解决方案

首先对一个函数进行 async 的修饰,也就是将 async写在函数声明的前面,声明后的函数变成异步函数,那么就可以在该函数里边使用 await 的关键字,其后边跟上promise对象,里边有异步任务,等待promise成功的结果显示在原地,然后放行代码。

async 和 await捕获错误

相关文章:

  • AF3​​​​​​​ get_atom_coords函数解读
  • 火语言RPA--字符串内插入字符串
  • 适配器模式详解(Java)
  • . Unable to find a @SpringBootConfiguration(默认软件包中的 Spring Boot 应用程序)
  • 三、Unity基础(主要框架)
  • 撕碎QT面具(1):Tab Widget转到某个Tab页
  • 数据结构——顺序表与链表
  • 华为昇腾920b服务器部署DeepSeek翻车现场
  • ESP32鼠标驱动(ble hid device_demo)【ESP32指向鼠标】
  • 外贸订货系统的核心功能模块解析
  • 基于fastadmin快速搭建导航站和API接口站点系统源码
  • 深入剖析GC问题:如何有效判断与排查
  • DeepSeek专题:DeepSeek-V1核心知识点速览
  • 国内情智机器人:从“通情达理”到温暖陪伴的跨越
  • UDP通信开发
  • 前端面试技巧与实践
  • 基于AWS云平台的法律AI应用系统开发方案
  • 嵌入式软件、系统、RTOS(高软23)
  • 深入理解Python多进程编程 multiprocessing
  • 「软件设计模式」外观模式(Facade)
  • 网约车座椅靠背张贴“差评者得癌症”,如祺出行:未收到投诉无法处理
  • 微软宣布将裁员3%
  • 三亚通报救护车省外拉警报器开道旅游:违规违法,责令公司停业整顿
  • 哲学新书联合书单|远离苏格拉底
  • 中共中央、国务院印发《生态环境保护督察工作条例》
  • 浙江公开征集涉企行政执法问题线索,包括乱收费、乱罚款等