Axios 基本使用

embedded/2024/10/25 4:59:10/

Axios 是一个异步请求技术,核心作用就是用来在页面中发送异步请求,并获取对应数据在页面中渲染 页面局部更新技术 Ajax

中文网站:https://www.kancloud.cn/yunye/axios/234845

安装:

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

GET方式的请求
    //发送GET方式请求axios.get("http://localhost:8080/user/findAll?name=w").then(function (responese){console.log(responese.data);}).catch(function (error){console.log(error); //请求正确的情况下没值})

POST方式请求
    //发送POST方式请求axios.post("http://localhost:8080/user/save",{username:"w",age:"23",email:"123123123@qq.com",phone:"12332131"}).then(function (resp){console.log(resp.data)}).catch(function (error){console.log(error)})

axios并发请求
    //1、创建一个查询所有的请求function findAll(){return axios.get("http://localhost:8989/user/findAll?name=阿昌");}//2、创建一个保存的请求function save(){return axios.post("http://localhost:8989/user/save",{username:"achang",age:"23",email:"995931576@qq.com",phone:"165534841"});}//3、并发执行axios.all([findAll(),save()]).then(axios.spread(function (resp1,resp2){ //【.spread】 用来将一组函数的响应结果汇总处理,回调函数的结果会以顺序放在参数1/2/3...console.log(resp1.data);console.log(resp2.data);})); //【.all】用来发送一组并发请求


http://www.ppmy.cn/embedded/132245.html

相关文章

Android 10.0 截屏流程

通常未通过特殊定制的 Android 系统&#xff0c;截屏都是经过同时按住音量下键和电源键来截屏。本篇文章就只讨论使用这些特殊按键来进行截屏。 这里我们就要明白事件是在哪里进行分发拦截的。通过源码的分析&#xff0c;我们发现是在PhoneWindowManager.java 中。 PhoneWindow…

Vue项目实战-新能源汽车可视化(一)(持续更新中)

一.项目代码 1.App.vue <template><!-- 模板--><div id"wrapper"><div style"width: 100%"><el-tabs v-model"activeName" id"tabs"> <!-- 标签栏里包含了三个标签面板&#xff0c;分别是研发与维…

css动画烟花秀__烟花效果

先看效果 CSS烟花秀 这是一个在HTML5页面&#xff0c;实现烟花效果的例子 以下为实现代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, in…

多模态大语言模型(MLLM)-Blip3/xGen-MM

论文链接&#xff1a;https://www.arxiv.org/abs/2408.08872 代码链接&#xff1a;https://github.com/salesforce/LAVIS/tree/xgen-mm 本次解读xGen-MM (BLIP-3): A Family of Open Large Multimodal Models 可以看作是 [1] Blip: Bootstrapping language-image pre-training…

太速科技-426-基于XC7Z100+TMS320C6678的图像处理板卡

基于XC7Z100TMS320C6678的图像处理板卡 一、板卡概述 板卡基于独立的结构&#xff0c;实现ZYNQ XC7Z100DSP TMS320C6678的多路图像输入输出接口的综合图像处理&#xff0c;包含1路Camera link输入输出、1路HD-SDI输入输出、1路复合视频输入输出、2路光纤等视频接口&#xff0c;…

CZX前端秘籍2

vue生命周期&#xff08; 组件从创建到销毁的过程就是它的生命周期&#xff09; 创建前 beforeCreat&#xff08; 在这个阶段属性和方法都不能使用&#xff09; 创建时 created&#xff08; 这里时实例创建完成之后&#xff0c; 在这里完成了数据监测&#xff0c; 可以使用数…

Keepalived+Mysql实现高可用配置总结

通过本文,大家将学习到以下相关知识内容: 1、什么是高可用服务 2、Keepalived简介 3、Keepalived常见应用场景 4、Keepalived高可用故障切换原理介绍 5、VRRP协议介绍 6、配置实现Keepalived监控Mysql 7、Keepalived配置文件介绍 8、Keepalived常见问题列举 一、什么…

Lesson10---list

Lesson10—list 第10章 c的list的使用和实现 文章目录 Lesson10---list前言一、list的初始化二、list的遍历1.迭代器2.范围for 三、list常用的内置函数1.sort&#xff08;慎用&#xff09;2.unique3.reverse4.merge5.splice 四、模拟实现1.基本框架2.构造函数3.push_back4. 遍…