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之间的整数）&…...
【HTTP三个基础问题】
面试官您好！HTTP是超文本传输协议，是互联网上客户端和服务器之间传输超文本数据（比如文字、图片、音频、视频等）的核心协议，当前互联网应用最广泛的版本是HTTP1.1，它基于经典的C/S模型，也就是客…...
【碎碎念】宝可梦 Mesh GO : 基于MESH网络的口袋妖怪 宝可梦GO游戏自组网系统
目录 游戏说明《宝可梦 Mesh GO》 —— 局域宝可梦探索Pokmon GO 类游戏核心理念应用场景Mesh 特性 宝可梦玩法融合设计游戏构想要素1. 地图探索（基于物理空间 广播范围）2. 野生宝可梦生成与广播3. 对战系统4. 道具与通信5. 延伸玩法 安全性设计 技术选…...
在Ubuntu24上采用Wine打开SourceInsight
1. 安装wine sudo apt install wine 2. 安装32位库支持，SourceInsight是32位程序 sudo dpkg --add-architecture i386 sudo apt update sudo apt install wine32:i386 3. 验证安装 wine --version 4. 安装必要的字体和库（解决显示问题） sudo apt install fonts-wqy…...
Docker 本地安装 mysql 数据库
Docker: Accelerated Container Application Development 下载对应操作系统版本的 docker ；并安装。 基础操作不再赘述。 打开 macOS 终端，开始 docker 安装mysql之旅 第一步 docker search mysql 》〉docker search mysql NAME DE…...
保姆级教程：在无网络无显卡的Windows电脑的vscode本地部署deepseek
文章目录 1 前言2 部署流程2.1 准备工作2.2 Ollama2.2.1 使用有网络的电脑下载Ollama2.2.2 安装Ollama（有网络的电脑）2.2.3 安装Ollama（无网络的电脑）2.2.4 安装验证2.2.5 修改大模型安装位置2.2.6 下载Deepseek模型 2.3 将deepse…...
淘宝扭蛋机小程序系统开发：打造互动性强的购物平台
淘宝扭蛋机小程序系统的开发，旨在打造一个互动性强的购物平台，让用户在购物的同时，能够享受到更多的乐趣和惊喜。 淘宝扭蛋机小程序系统拥有丰富的互动功能。用户可以通过虚拟摇杆操作扭蛋机，实现旋转、抽拉等动作，增…...
Leetcode33（ 搜索旋转排序数组）
题目表述 整数数组 nums 按升序排列，数组中的值 互不相同 。 在传递给函数之前，nums 在预先未知的某个下标 k（0 < k < nums.length）上进行了 旋转，使数组变为 [nums[k], nums[k1], …, nums[n-1], nums[0], nu…...
解析两阶段提交与三阶段提交的核心差异及MySQL实现方案
引言 在分布式系统的事务处理中，如何保障跨节点数据操作的一致性始终是核心挑战。经典的两阶段提交协议（2PC）通过准备阶段与提交阶段的协调机制，以同步决策模式确保事务原子性。其改进版本三阶段提交协议（3PC…...
表单设计器拖拽对象时添加属性
背景：因为项目需要。自写设计器。遇到的坑在此记录 使用的拖拽组件时vuedraggable。下面放上局部示例截图。 坑1。draggable标签在拖拽时可以获取到被拖拽的对象属性定义 要使用 :clone, 而不是clone。我想应该是因为draggable标签比较特。另外在使用**:clone时要将…...
Easy Excel
Easy Excel 一、依赖引入二、基本使用1. 定义实体类（导入/导出共用）2. 写 Excel3. 读 Excel 三、常用注解说明（完整列表）四、进阶：自定义转换器（Converter） 其它自定义转换器没生效 Easy Excel在…...