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

页面展示

新建的页面
相关推荐
索迪迈科技28 分钟前
网络请求库——Axios库深度解析
前端·网络·vue.js·北京百思可瑞教育·百思可瑞教育
一只小风华~3 小时前
Vue: Class 与 Style 绑定
前端·javascript·vue.js·typescript·前端框架
切糕师学AI3 小时前
前后端分离架构中,Node.js的底层实现原理与线程池饥饿问题解析
前端·vue.js·node.js
书源5 小时前
灵活性和可维护性,被严重低估的编程原则
前端·javascript·vue.js
计算机学姐5 小时前
基于Python的旅游数据分析可视化系统【2026最新】
vue.js·后端·python·数据分析·django·flask·旅游
随风飞翔的胖子6 小时前
js-cookie详细介绍及在vue3中的使用方法
vue.js·浏览器
幻灵尔依7 小时前
前端编码统一规范
javascript·vue.js·代码规范
欢脱的小猴子7 小时前
VUE3加载cesium,导入czml的星座后页面卡死BUG 修复
前端·vue.js·bug
小菜全9 小时前
Vue 3 + TypeScript 事件触发与数据绑定方法
前端·javascript·vue.js
an__ya__10 小时前
Vue数据响应式reactive
前端·javascript·vue.js