vue使用jquery的ajax,页面跳转

一、引入jquery依赖

打开终端更新npm

npm install -g npm

更新完后引入输入npm install jquery

加载完后

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

配置好后导入jquery
设置变量用于接收服务器传输的数据
定义ajax申请数据
服务器的Controller层传输数据

(使用springBoot框架)

服务器跨域开启
页面输出

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

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

二、页面跳转

新建页面

html文件、js文件、vue文件

html基本信息
js基本内容
vue基本信息

页面展示

新建的页面
相关推荐
MZ_ZXD0011 小时前
springboot旅游信息管理系统-计算机毕业设计源码21675
java·c++·vue.js·spring boot·python·django·php
_codemonster3 小时前
Vue的三种使用方式对比
前端·javascript·vue.js
wqq63108555 小时前
Python基于Vue的实验室管理系统 django flask pycharm
vue.js·python·django
Deng9452013145 小时前
Vue + Flask 前后端分离项目实战:从零搭建一个完整博客系统
前端·vue.js·flask
Hello.Reader6 小时前
Flink 文件系统通用配置默认文件系统与连接数限制实战
vue.js·flink·npm
EchoEcho7 小时前
深入理解 Vue.js 渲染机制:从声明式到虚拟 DOM 的完整实现
vue.js
C澒8 小时前
Vue 项目渐进式迁移 React:组件库接入与跨框架协同技术方案
前端·vue.js·react.js·架构·系统架构
发现一只大呆瓜9 小时前
虚拟列表:从定高到动态高度的 Vue 3 & React 满分实现
前端·vue.js·react.js
鱼毓屿御10 小时前
如何给用户添加权限
前端·javascript·vue.js
Java新手村10 小时前
基于 Vue 3 + Spring Boot 3 的 AI 面试辅助系统:实时语音识别 + 大模型智能回答
vue.js·人工智能·spring boot