html如何和后端交互,html页面如何与后台交互

首页 > 教育培训 > 作者:YD1662023-07-09 02:03:28

后端服务接口调通,成功返回 JSON 数据,现在只需要让 Vue 应用调用后端接口即可,这里我们使用 axios 来请求后端接口,代码如下所示。

const _this = this axios.get('http://localhost:8181/book/findByPage/1').then(function (resp) { _this.pageSize = resp.data.pageSize _this.total = resp.data.total _this.tableData = resp.data.data })

请求成功后将数据动态加载到页面,即可看到结果,如下图所示。

html如何和后端交互,html页面如何与后台交互(9)

Vue 应用和 Spring Boot 应用的数据交互流程如下图所示。

html如何和后端交互,html页面如何与后台交互(10)

以上内容就是前后端分离的基本流程,你学会了吗?

关注微信公众号「Java大联盟」,关注即可获取海量学习干货,同时还有不定期送书,键盘,鼠标等粉丝福利。

html如何和后端交互,html页面如何与后台交互(11)

赶快来关注一波,海量资源拿到手软。

上一页123末页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.