vue使用jquery的ajax,页面跳转

embedded/2024/10/23 9:07:43/

一、引入jquery依赖

打开终端更新npm

npm install -g npm
 

更新完后引入输入npm install jquery

加载完后

在最外层的package.json文件中加入以下代码

配置好后导入jquery

设置变量用于接收服务器传输的数据

定义ajax申请数据

服务器的Controller层传输数据

(使用springBoot框架)

服务器跨域开启

页面输出

第一个td标签中的是对象调用属性

第二个是数据循环输出属性

二、页面跳转

新建页面

html文件、js文件、vue文件

html基本信息

js基本内容

vue基本信息

页面展示

新建的页面


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

相关文章

【本科毕业设计】基于单片机的智能家居防火防盗报警系统

基于单片机的智能家居防火防盗报警系统 相关资料链接下载摘要Abstract第1章 绪论1.1课题的背景1.2 研究的目的和意义 第2章 系统总体方案设计2.1 设计要求2.2 方案选择和论证2.2.1 单片机的选择2.2.2 显示方案的选择 第3章 系统硬件设计3.1 整体方案设计3.1.1 系统概述3.1.2 系…

工作日志:vue3各种警告

1、遇见报错,但也没啥影响,不知怎么回事。 可是我没写过这东西啊。 2、一个警告。 它表示在渲染过程中尝试访问组件实例上不存在的属性linkTags。 解决办法:在该属性前,加个v-if判断。 3、 意味着在模板渲染过程中尝试访问了…

基于Multisim的乒乓球游戏机设计与仿真

1、基本部分 (1) 至少用8个LED排成直线,以中点为界,两边各代表参赛双方的位置,其中一个点亮的LED(乒乓球)依次从左到右,或从由到左移动,“球”的移动速度能由时钟电路调节。 (2) 当球&#xff0…

react18中如何实现同步的setState来实现所见即所得的效果

在react项目中,实现添加列表项,最后一项自动显示在可视区域范围!! 实现效果 代码实现 import { useState, useRef } from "react"; import { flushSync } from "react-dom"; function FlushSyncRef() {con…

c++日常积累

在 C 中,可以直接将 int 类型的值赋值给 bool 类型。C 会自动进行类型转换,任何非零的 int 值都会被转换为 true,而 0 会被转换为 false。 QDialog 有一个 finished(int) 信号,该信号在对话框关闭时发出,并传递一个整…

【云原生】Kubernetes部署Jenkins静动Slave

Kubernetes部署Jenkins静动Slave 文章目录 Kubernetes部署Jenkins静动Slave文档介绍资源列表基础环境一、Jenkins Kubernetes清单文件二、使用静态Slave2.1、安装Kubernetes插件2.2、添加Agent2.3、使用Slave 三、使用动态Slave3.1、添加凭据3.2、配置动态Slave3.3、配置Jenkin…

MySQL【知识改变命运】11

联合查询 6. ⼦查询6.1 语法6.2 单⾏⼦查询6.3 多⾏⼦查询6.4 多列⼦查询6.5 在from⼦句中使⽤⼦查询 7. 合并查询7.1 创建新表并初始化数据7.2 Union7.3 Union all 8. 插⼊查询结果8.1 语法8.2 ⽰例 6. ⼦查询 ⼦查询是把⼀个SELECT语句的结果当做别⼀个SELECT语句的条件&…

AI驱动地球链在能源等行业发展,目的是训练AI发展EACO在能源(光伏储能)行业中的应用的探讨。

一、AI 驱动地球链eaco在能源行业发展概述 (一)AI 与地球链 地球链($eaco$eEarth - chain)是一种将各种与地球相关的数据、资源通过区块链技术进行整合和管理的概念。AI 驱动地球链,意味着利用人工智能的强大数据分析、…