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基本信息

页面展示

新建的页面
相关推荐
武昌库里写JAVA7 小时前
iview-CRUD模板
vue.js·spring boot·sql·layui·课程设计
Aotman_8 小时前
JavaScript MutationObserver用法( 监听DOM变化 )
开发语言·前端·javascript·vue.js·前端框架·es6
hashiqimiya9 小时前
JavaScript的object的使用和监控打印日志
前端·javascript·vue.js
梦6509 小时前
Vue 组件 vs React 组件深度对比
javascript·vue.js·react.js
C_心欲无痕10 小时前
vue3 - useId生成唯一标识符
前端·javascript·vue.js·vue3
C_心欲无痕10 小时前
vue3 - watchSyncEffect同步执行的响应式副作用
开发语言·前端·javascript·vue.js·vue3
小魔女千千鱼10 小时前
在 Vue 中,this 的行为在箭头函数和普通函数中是不同的
前端·javascript·vue.js
Cassie燁11 小时前
el-table源码解读2-2——createStore()初始化方法
前端·javascript·vue.js
北极糊的狐12 小时前
按钮绑定事件达成跳转效果并将树结构id带入子页面形成参数完成查询功能并将返回的数据渲染到页面上2022.5.29
前端·javascript·vue.js
老华带你飞13 小时前
考试管理系统|基于java+ vue考试管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端