作为后端开发,对于前端应该也需要有了解的,最近了解vue的时候看到vue经常和axios组合使用做ajax请求来获取数据,于是尝试了一下
首先本地起了一个springboot服务,保证接口可用:
然后在前端通过axios进行调用,首先拿到数据可以debugger看下返回给前端的数据格式:
然后根据数据格式进行数据的遍历:代码如下:
源码:
axios-demo
{{hosp.hosname}}
{{hosp.hoscode}}
{{hosp.status}}
然后浏览器访问可以看到前端成功拿到数据并且展示到了页面上(请忽略样式问题)
注意点:提前引入vujs和axios.js
涉及到跨域问题,所以后台接口要加上注解@CrossOrigin
vujs和axios.js资源已经上传csdn,可自行进行下载使用:vujs&axios.js-Web开发文档类资源-CSDN下载
文章为作者独立观点,不代表 股票程序化软件自动交易接口观点