Ajax-02.Axios
Axios入门
1.引入Axios的js文件
<script src="js/axios-0.18.0.js"></script>
Axios
请求方式别名:
axios.get(url[,config])
axios.delete(url[,config])
axios.post(url[,data[,config]])
axios.put(url[,data[,config]])
发送GET/POST请求
axios.get("https://mock.apifox.cn/m1/3128855-0-default/emp/list").then(result => {console.log(result.data)});axios.post("https://mock.apifox.cn/m1/3128855-0-default/emp/deleteById","id=1").then(result => {console.log(result.data)
}); 
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Ajax-Axios</title><script src="js/axios.js"></script>
</head>
<!-- Axios请求方式别名axios.get(url[,config])axios.delete(url[,config])axios.post(url[,data[,config]])axios.put(url[,data[,config]])发送GET请求axios.get("https://mock.apifox.cn/m1/3128855-0-default/emp/list").then(result => {console.log(result.data)});axios.post("https://mock.apifox.cn/m1/3128855-0-default/emp/deleteById","id=1").then(result => {console.log(result.data)});
-->
<body><input type="button" value="获取数据GET" onclick="get()"><input type="button" value="删除数据POST" onclick="post()">
</body>
<script>function get(){/* axios({method:"get",url:"https://mock.apifox.cn/m1/3128855-0-default/emp/list",}).then(result => {console.log(result.data)}) */axios.get("https://mock.apifox.cn/m1/3128855-0-default/emp/list").then(result => {console.log(result.data)});}function post(){/* axios({method:"post",url:"https://mock.apifox.cn/m1/3128855-0-default/emp/deleteById",data:"id=1" 请求参数}).then(result => {console.log(result.data)}) */axios.post("https://mock.apifox.cn/m1/3128855-0-default/emp/deleteById","id=1").then(result => {console.log(result.data)});}
</script>
</html>相关文章：
Ajax-02.Axios
Axios入门 1.引入Axios的js文件 <script src"js/axios-0.18.0.js"></script> Axios 请求方式别名: axios.get(url[,config]) axios.delete(url[,config]) axios.post(url[,data[,config]]) axios.put(url[,data[,config]]) 发送GET/POST请求 axios.get…...
NodeJS的核心配置文件package.json和package.lock.json详解
package.json 文件 package.json 文件是 Node.js 项目的核心配置文件，它包含了项目的基本信息、依赖关系以及一些脚本命令等。以下是 package.json 文件的主要字段说明： name：项目的名称，必须是小写，可以包含字母、数…...
开源数据采集和跟踪系统：助力营销决策的关键工具
开源数据采集和跟踪系统：助力营销决策的关键工具 在现代营销中，数据是最重要的资产之一。了解用户行为、优化广告效果、提升转化率，这一切都离不开精准的数据分析。为了帮助商家更好地掌握这些数据，市场上出现了许多开源的数据采…...
Luminar Neo for Mac/Win：创新AI图像编辑软件的强大功能
Luminar Neo，这款由Skylum公司倾力打造的图像编辑软件，为Mac和Windows用户带来了前所未有的创作体验与编辑便利。作为一款融合了先进AI技术的图像处理工具，Luminar Neo以其独特的功能和高效的操作流程，成为了摄影师、设计师及摄影…...
Mac平台M1PRO芯片MiniCPM-V-2.6网页部署跑通
Mac平台M1PRO芯片MiniCPM-V-2.6网页部署跑通 契机 ⚙ 2.6的小钢炮可以输入视频了，我必须拉到本地跑跑。主要解决2.6版本默认绑定flash_atten问题，pip install flash_attn也无法安装，因为强制依赖cuda。主要解决的就是这个问题，还…...
MyBatis：Maven，Git，TortoiseGit，Gradle
1，Maven Maven是一个非常优秀的项目管理工具，采用一种“约定优于配置（CoC）”的策略来管理项目。使用Maven不仅可以把源代码构建成可发布的项目（包括编译、打包、测试和分发），还可以生成报告、生…...
获取链表中间位置的两种方法方法
方法一： 我们可以计算链表节点的数量，然后遍历链表找到前半部分的尾节点。 方法二: 我们也可以使用快慢指针在一次遍历中找到：慢指针一次走一步，快指针一次走两步，快慢指针同时出发。当快指针移动到链表的末尾时&am…...
第二十天的学习（2024.8.8）Vue拓展
昨天的笔记中，我们进行的项目已经可以在网页上显示查询到数据库中的数据，今天的笔记中将会完成在网页上进行增删改查的操作 1.删除表中数据 现在网页上只能呈现出数据库中的数据，我们首先添加一个删除按钮，使其可以对数据库数据…...
微信小程序教程011：全局配置：Window
文章目录 1、window1.1、`window`-小程序窗口的组成部分1.2、了解 window 节点常用的配置项1.3、设置导航栏的标题1.4、设置导航栏的背景色1.5、设置导航栏的标题颜色1.6、全局开启下拉刷新功能1.7、设置下拉刷新时窗口的背景色1.8、设置下拉刷新时 loading 的样式1.9、设置上拉…...
Tomcat服务器和Web项目的部署
目录 一、概述和作用 二、安装 1.进入官网 2.Download下面选择想要下载的版本 3.点击Which version查看版本所需要的JRE版本 4.返回上一页下载和电脑和操作系统匹配的Tomcat 5. 安装完成后，点击bin目录下的startup.bat（linux系统下就运行startup.sh&…...
PCIe学习笔记（22）
Transaction Ordering Transaction Ordering Rules 表2-40定义了PCI Express Transactions的排序要求。该表中定义的规则统一适用于PCI Express上所有类型的事务，包括内存、I/O、配置和消息。该表中定义的排序规则适用于单个流量类(TC)。不同TC标签的事务之间没有…...
Vue3 依赖注入Provide / Inject
在实际开发中，我们经常需要从父组件向子组件传递数据，一般情况下，我们使用 props。但有时候会遇到深度嵌套的组件，而深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将 prop 沿着组件链逐级传递下去&#…...
Python | Leetcode Python题解之第332题重新安排行程
题目： 题解： class Solution:def findItinerary(self, tickets: List[List[str]]) -> List[str]:def dfs(curr: str):while vec[curr]:tmp heapq.heappop(vec[curr])dfs(tmp)stack.append(curr)vec collections.defaultdict(list)for depart, arri…...
React状态管理：react-redux和redux-saga(适合由vue转到react的同学)
注意：本文不会把所有知识点都写一遍，并不适合纯新手阅读 首先Redux是一种状态管理方案，本身和react并没有什么联系，redux也可以结合其他框架来用。 react-redux是基于react的一种状态管理实现，他不像vuex那样直接内置在…...
刷题技巧：双指针法的核心思想总结+例题整合+力扣接雨水双指针c++实现
双指针法的核心思想是通过同时操作两个指针来遍历数据结构，通常是数组或链表，以达到优化算法性能的目的。具体来说，双指针法能够减少时间复杂度、空间复杂度，或者简化逻辑结构。以下是双指针法的几个核心思想： ps 下面…...
什么是前端微服务，有何优势
随着互联网技术的发展，传统的单体应用架构已经无法满足复杂业务场景的需求。微服务架构的兴起为后端应用的开发和部署提供了灵活性和可扩展性。与此同时，前端开发也经历了类似的演变，前端微服务作为一种新兴的架构模式应运而生。 一、前端微服…...
小论文写作——02：编故事
一篇论文，可以发水刊，也可以发顶刊顶会，这两者的区别就是一个故事编的好不好。 你的论文ABC，但不能之说有ABC。创新就是看你故事编的怎么样？创新是编出来的。 我们要说：我发现了问题，然后准备…...
GIT企业开发使用介绍
0.认识git git就是一个版本控制器，记录每次的修改以及版本迭代的一个管理系统 至于为什么会有git的出现，主要是为了解决一份代码改了又改，但最后还是要第一版的情况 git 可以控制电脑上所有格式的文档 1.安装git sudo yum install git -y…...
文件上传-前端验证
查看源代码（找验证代码） 1、源代码直接找到验证代码 示例： function checkFileExt(filename){var flag false; //状态var arr ["jpg","png","gif"]; //允许上传的文件//取出上传文件的扩展名var index f…...
ROT加密算法login-RESERVE
ROT算法(字母轮换加密) 也称为Caesar加密，是一种简单的字母替换加密算法。它通过将字母表中的每个字母向后（或向前）移动固定的位置来加密文本。 加密步骤： 选择一个固定的偏移量（通常是1到25之间的整数）&…...
生成式AI对接知识库总卡壳？揭秘92%企业失败的4个底层架构缺陷及实时修复方案
第一章：生成式AI应用知识库集成 2026奇点智能技术大会(https://ml-summit.org) 生成式AI应用与企业知识库的深度集成，正从“文档检索增强”迈向“语义化决策协同”。这一演进依赖于结构化知识注入、实时上下文对齐与可审计推理链构建三大支柱。现代知识…...
别再只用GPT12做OS Tick了！Aurix TC3XX的GPT12模块，还能这样玩出花（附MCAL避坑配置）
解锁Aurix TC3XX的GPT12模块：超越OS Tick的五大实战应用 在汽车电子控制单元（ECU）开发领域，英飞凌Aurix TC3XX系列芯片的GPT12模块常被简化为OS Tick发生器。但当我第一次在量产项目中被迫用GPT12替代故障的GTM模块实现PWM输出时&…...
拆开一个SFP光模块，看看2-ASK调制是怎么把电信号变成光的（附内部电路图解析）
拆解SFP光模块：从电信号到光信号的2-ASK调制全链路解析 当你拿起一个SFP光模块时，是否好奇过这个比U盘还小的设备是如何将电信号转化为光信号的？本文将带你深入模块内部，通过拆解和电路分析，揭示2-ASK调制技术如何实现…...
告别臃肿IDE：用Icarus Verilog + GTKWave在Windows上快速验证Verilog代码（附一键脚本）
轻量化Verilog验证实战：Icarus Verilog与GTKWave高效工作流解析 在数字电路设计领域，Verilog作为主流硬件描述语言，其验证环节往往需要依赖庞大的EDA工具链。对于初学者、教育场景或快速原型验证而言，动辄数十GB的商用IDE不仅安装…...
从电流采样到SVPWM：手把手解析PMSM有感FOC的闭环实现
1. 从电流采样到SVPWM：PMSM有感FOC闭环控制全景 第一次接触PMSM（永磁同步电机）的FOC（磁场定向控制）时，我被那些数学变换和专业术语搞得一头雾水。直到在实验室里用示波器抓取实际波形，才真正理解…...
ZEMAX实战：施密特-卡塞格林系统多项式非球面优化全流程解析
1. 施密特-卡塞格林系统设计基础 施密特-卡塞格林系统作为折反射望远镜的经典结构，在业余天文观测和专业科研领域都有广泛应用。这种系统巧妙结合了施密特校正板和非球面反射镜，既解决了传统反射望远镜的像差问题，又实现了紧凑的镜筒长度。在…...
OriginPro 2021b 气泡图实战：用四维数据讲好你的科研故事（附数据模板）
OriginPro 气泡图科研可视化：用四维数据讲述你的研究故事 科研数据的可视化从来都不只是简单的图表绘制，而是一种严谨的学术叙事方式。当我们需要同时展示化合物性质、基因表达差异或环境参数等多维数据时，传统二维图表往往力不从心。这正是气…...
【Hello Agents进阶篇学习笔记】01智能体经典范式构建
Hello Agents进阶篇学习笔记Agent核心目标Agent主要问题经典Agent范式ReAct系统结构总结ReAct代码结构总结ReAct Agent 核心实现Agent核心目标 把LLM升级成Agent： 从静态（只能回答问题）到动态（理解任务调用工具动态决策ÿ…...
树莓派 4B EEPROM 升级实战：从原理到三种更新方法详解
1. 树莓派4B EEPROM的核心作用 当你第一次接触树莓派4B时，可能会好奇这个小板子是怎么启动系统的。与传统电脑不同，树莓派4B使用了一种叫做EEPROM的特殊芯片来存储启动代码。这就像给电脑装了一个永远不会丢失的"开机说明书"，即使拔…...
LLaVA-v1.6-7b美赛实战：数学建模可视化分析
LLaVA-v1.6-7b美赛实战：数学建模可视化分析 1. 引言 数学建模竞赛中，数据可视化往往是决定成败的关键环节。传统的建模流程需要选手在数据处理、图表生成和报告撰写之间反复切换，耗费大量时间。而LLaVA-v1.6-7b的出现，为数学建模…...