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

页面展示

新建的页面
相关推荐
Cobyte15 小时前
使用 JavaScript 实现有限状态机的经典问题
前端·javascript·vue.js
acheding15 小时前
File System Access API 实战:让网页真正读写本地文件
前端·javascript·vue.js·编辑器·markdown
acheding16 小时前
把 CodeMirror 6 调教成 Markdown 编辑器:扩展、装饰与门面
javascript·vue.js·编辑器·markdown
虚惊一场1 天前
在浏览器里跑 Prettier:格式化 Markdown 的四个难点
前端·javascript·vue.js
r_oo_ki_e_1 天前
vue快速入门
前端·vue.js
虚惊一场1 天前
把 CodeMirror 6 调教成 Markdown 编辑器:扩展、装饰与门面
前端·javascript·vue.js
万敏1 天前
Vue3 全栈实战第三周:组件化开发完整记录 —— Props / Emit / provide-inject / 插槽 / 自定义指令
vue.js·node.js·全栈
虚惊一场1 天前
一条 Markdown 渲染管线的全部细节:Worker、源行标注与按需加载
前端·javascript·vue.js
zithern_juejin1 天前
深入理解 Vue 响应式原理:从 Object.defineProperty 到 Proxy 的全面进化
vue.js
OpenTiny社区1 天前
TinyRobot v0.5.0 新版本强在哪?
前端·vue.js·github