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

页面展示

新建的页面
相关推荐
慧一居士3 小时前
Vite 中配置环境变量方法及完整示例
前端·vue.js
yyt3630458415 小时前
TypeScript { [key: string]: unknown } 索引签名写法和 Record 替代
前端·javascript·vue.js·typescript·ecmascript·es6
getapi7 小时前
在宝塔面板中部署 Vue 项目打包后的 dist 文件作为前端
前端·javascript·vue.js
xkxnq10 小时前
第二阶段:Vue 组件化开发(第 28天)
前端·javascript·vue.js
zhengxianyi51511 小时前
vue-cli build, vite build 生产部署刷新或弹窗404,页面空白修复方法
前端·javascript·vue.js·nginx·生产部署
恋爱绝缘体111 小时前
Vue.js 组件 - 自定义事件【1】
前端·javascript·vue.js
梦65011 小时前
JavaScript (ES5)+ES6+jQuery 核心对象方法大全
javascript·es6·jquery
zhengxianyi51512 小时前
vite build 发布到nginx二级目录——将yudao-ui-go-view打包、部署到big目录下
vue.js·nginx·vite·前后端分离·打包·ruoyi-vue-pro优化·部署运维
huangyiyi6666614 小时前
前端-远程多选搜索框不能反显的问题解决
前端·javascript·vue.js·笔记·学习
敲敲了个代码14 小时前
让 Vant 弹出层适配 Uniapp Webview 返回键
前端·javascript·vue.js·学习·面试·uni-app