Javaweb 前端 ajax

news2025/1/16 13:52:54

在这里插入图片描述
在这里插入图片描述

作用：和后端交互
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
script 是 js
axios(这里是函数的调用方式){封装的是对象}

在这里插入图片描述
在这里插入图片描述
{}是对象

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

案例

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
。then的含义，请求后端之后，后端把数据放在回调

在这里插入图片描述

在这里插入图片描述
点了清空之后，还要查询全部
在这里插入图片描述
在这里插入图片描述
await等待请求执行完之后，接收这个结果
代码是同步，从上往下执行
代码可读性强

在这里插入图片描述

在这里插入图片描述
问题，刷新页面，不请求数据，只有点查询按钮才请求数据

在这里插入图片描述

钩子方法，不用自己调用，vue会自己调用
在这里插入图片描述

与methods方法平齐，写钩子函数
在这里插入图片描述
刷新就要请求
在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2256601.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

IdentityServer4框架、ASP.NET core Identity

IdentityServer4框架、ASP.NET core Identity

OAuth2.0 IdentityServer4 ASP.NET Core Identity提供了一个用来管理和存储用户账户的框架. IdentityServer4是基于ASP.NET Core实现的认证和授权框架，是对OpenID Connect和OAuth 2.0协议的实现。 IdentityServer是一个中间件,它可以添加符合OpenID Connect和OAut…
阅读更多...
Linux系统nginx版本升级

Linux系统nginx版本升级

最近公司漏扫有涉及到需要升级nginx的部分, 以下是一些总结经验 检查当前nginx版本 执行命令: nginx -V 如果没有设置环境变量则需要进入到nginx目录sbin目录下执行: ./nginx -V 下载最新版nginx nginx下载地址: https://nginx.org/en/download.html 1)选择稳定版本 wget h…
阅读更多...
给建筑物“穿毛衣”：AI绘图新玩法

给建筑物“穿毛衣”：AI绘图新玩法

随着气温的骤降，我们不仅感受到了自然界的寒冷，甚至连城市的建筑物似乎也在寒风中“颤抖”。在这样的背景下，一种新颖的AI绘图玩法——给建筑“穿毛衣”在网络上迅速走红。本文将详细介绍这一创意玩法，并提供手把手的教学指导。 A…
阅读更多...
第2章：CSS基本语法 --[CSS零基础入门]

第2章：CSS基本语法 --[CSS零基础入门]

CSS（层叠样式表，Cascading Style Sheets）是用来描述HTML或XML（包括各种XML：SVG, MathML 或 XHTML）等文档的外观和格式的语言。以下是CSS的基本语法： 1.选择器 1.元素选择器 元素选择器是基于HTML标签名称来选择元素的。当你使用元素选择器时，你是在告诉浏览器对页面…
阅读更多...
SpringMvc完整知识点二（完结）

SpringMvc完整知识点二（完结）

SpringMVC获取请求参数 环境准备工作等均省略，可详见快速入门，此处只写非共有部分代码 该部分示例项目SpringMvcThree已上传至Gitee，可自行下载 客户端请求参数的格式为：namevalue&passwordvalue... ... 服务端想要获取请求…
阅读更多...
Spring完整知识点一

Spring完整知识点一

Spring简介 额外知识点 在之前的学习中我们在Service业务层创建Dao/Mapper数据访问层（持久层）的对象是通过工具类来获取对应Dao/Mapper数据访问层（持久层）的接口代理对象在此处我们不用工具类来获取对应Dao/Mapper数据访问层&…
阅读更多...
Jupyter Notebook认识、安装和启动以及使用

Jupyter Notebook认识、安装和启动以及使用

Jupyter Notebook认识、安装和启动以及使用 Jupyter Notebook认识、安装和启动以及使用 Jupyter Notebook认识、安装和启动以及使用一、认识Jupyter Notebook1.1 Jupyter Notebook概述1.2 Jupyter Notebook 重要特性(1)交互式代码执行(2)支持多种编程语言(3)富文本编辑(4)代码高…
阅读更多...
React 组件中 State 的定义、使用及正确更新方式

React 组件中 State 的定义、使用及正确更新方式

​🌈个人主页：前端青山 🔥系列专栏：React篇 🔖人终将被年少不可得之物困其一生 依旧青山,本期给大家带来React篇专栏内容React 组件中 State 的定义、使用及正确更新方式 前言 在 React 应用开发中，state …
阅读更多...
AIDD-人工智能药物设计-化学自然语言引导的扩散式类药分子编辑：DiffIUPAC的魔法之旅

AIDD-人工智能药物设计-化学自然语言引导的扩散式类药分子编辑：DiffIUPAC的魔法之旅

J. Pharm. Anal. | 化学自然语言引导的扩散式类药分子编辑：DiffIUPAC的魔法之旅 AIDD药研. 制药工程和生命科学背景，重点关注于计算机辅助药物设计（CADD）/药物筛选、分子动力学模拟MD，兽药信息学VetInformatics&…
阅读更多...
服务器数据恢复—硬盘掉线导致热备盘同步失败的RAID5阵列数据恢复案例

服务器数据恢复—硬盘掉线导致热备盘同步失败的RAID5阵列数据恢复案例

服务器存储数据恢复环境： 华为S5300存储中有12块FC硬盘，其中11块硬盘作为数据盘组建了一组RAID5阵列，剩下的1块硬盘作为热备盘使用。基于RAID的LUN分配给linux操作系统使用，存放的数据主要是Oracle数据库。 服务器存储故障&#…
阅读更多...
2024年12月HarmonyOS应用开发者基础认证全新题库

2024年12月HarmonyOS应用开发者基础认证全新题库

注意事项：切记在考试之外的设备上打开题库进行搜索，防止切屏三次考试自动结束，题目是乱序，每次考试，选项的顺序都不同 更新时间：2024年12月3日 这是基础认证题库，不是高级认证题库注意看清楚标…
阅读更多...
docker修改并迁移存储至数据盘

docker修改并迁移存储至数据盘

文章目录 前言一、操作步骤（需要root权限）1. 查看磁盘占用，查看当前docker目录占用的空间2. 查看正在运行的容器，并停止容器及服务3. 拷贝数据、修改配置（关键步骤）4. 加载配置，启动服务及容器 …
阅读更多...
n的阶乘（c++）

n的阶乘（c++）

#include<stdio.h> int jiecheng(int n) { if(n1||n0) { return 1; } return(n*jiecheng(n-1)); } int main(void){ int n 0; printf("请输入您要计算的数字\n"); scanf("%d",&n); printf("%d\n",jiecheng(n)); return 0; }
阅读更多...
MyBatis系列之自定义TypeHandler实现字段加密解密

MyBatis系列之自定义TypeHandler实现字段加密解密

文章目录 前言一、TypeHandler接口二、实现总结 前言 今天简单介绍利用MyBatis的TypeHandler接口实现字段的加解密。 字段的加密和解密&#xff0c;实现方式确实有好几种。比如&#xff0c;在业务层实现、在数据库层面实现等等&#xff0c;但是这些相对来说&#xff0c;耦合性…
阅读更多...
C总结（C语言知识点，深化重难点）

C总结（C语言知识点，深化重难点）

C语言 1.使用C语言的7个步骤2.ASCII码3.提高程序可读性的机巧4.如何使用多种整形5.打印多种整形6.课移植类型&#xff1a;stdint.h和inttypes.h7.浮点数常量8.浮点值的上溢和下溢9.使用数据类型11.常量和C预处理器12.转换说明的意义12.1转换不匹配13.副作用和序列点14.数组简介…
阅读更多...
JavaScript编写css自定义属性

JavaScript编写css自定义属性

一、自定义属性 是在 CSS 中定义的变量&#xff0c;以 --开头。它们可以存储颜色、尺寸、字体等任何 CSS 值&#xff0c;并且可以在整个文档中重复使用。 :root {--primary-color: #3498db;--font-size: 16px; }body {color: var(--primary-color);font-size: var(--font-siz…
阅读更多...
【机器学习】任务十一：Keras 模块的使用

【机器学习】任务十一：Keras 模块的使用

1.Keras简介 1.1 什么是Keras&#xff1f; Keras 是一个开源的深度学习框架&#xff0c;用 Python 编写&#xff0c;构建于 TensorFlow 之上。它以简单、快速和易于使用为主要设计目标&#xff0c;适合初学者和研究者。 Keras 提供了高层次的 API&#xff0c;帮助用户快速构…
阅读更多...
02_Node.js模块化

02_Node.js模块化

02_Node.js模块化 知识点自测 以下代码运行的结果是多少&#xff1f; const arr [10, 20, 30] const result arr.map(val > val 1).reduce((sum, val) > sum val, 0) console.log(result) A&#xff1a;60 B&#xff1a;63 <details><summary>答案</…
阅读更多...
故障识别 | GADF-CNN-SSA-XGBoost数据分类预测/故障识别（Matlab）

故障识别 | GADF-CNN-SSA-XGBoost数据分类预测/故障识别（Matlab）

故障识别 | GADF-CNN-SSA-XGBoost数据分类预测/故障识别&#xff08;Matlab&#xff09; 目录 故障识别 | GADF-CNN-SSA-XGBoost数据分类预测/故障识别&#xff08;Matlab&#xff09;分类效果基本描述程序设计参考资料 分类效果 基本描述 格拉姆角场差&#xff08;GADF&#…
阅读更多...
OPenCV 图片局部放大

OPenCV 图片局部放大

m_image cv::imread("C:/Code/JPG/1.jpg");if (m_image.empty()) return;cv::imshow("原始图像", m_image); // TODO: 在此添加控件通知处理程序代码int width m_image.cols;int height m_image.rows;// 确定要放大的区域&#xff08;这里是图像中心部分…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023