axios完成 ajax请求的发送

axios完成 ajax请求的发送

axios是独立于vue的一个项目，基于promise用于浏览器和node.js的ajax请求的发送在node.js中可以向远程接口发送请求

获取数据

这里是要提前引入这两个文件

一个vue.min.js一个axios.min.js

这个是请求接口

var app = new Vue({ el: '#app', data: { memberList: []//数组 }, created() { this.getList() }, methods: { getList(id) { //vm = this axios.get(' .then(response => { console.log(response) this.memberList = response.data.data.items }) .catch(error => { console.log(error) }) } }})

控制台查看输出

2、显示数据

自己写的测试案例

请求的json数据

data.json

{ "success":true, "data":{ "items":[ {"name":"lucky","age":20}, {"name":"tom","age":40}, {"name":"jack","age":40} ] }}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。