实现这样一个页面的数据展示和接口的调用
大致框架内容如下，具体操作代码在最后
首先在wxml中写入代码样式的展示和渲染的内容：
{{item.name}}//name是你调出来的数据里面存在的元素
接着在js里面实现接口的调用
onLoad: function (options) {
var that = this;
wx.request({
url: ‘接口’,
method: ‘GET’,//方法分GET和POST，根据需要写
header: {//定死的格式 ，不用改，照敲就好
‘Content-Type’: ‘application/json’，
“Authorization”: “Bearera45e8c75-b773-4509-b3fb-1139e041c738”
},
data:{
pageNum: 1,
},
success: function (res) {//这里写调用接口成功之后所运行的函数
console.log(res.data);//调出来的数据在控制台显示，方便查看
that.setData({
resdata: res.data,//res.data就是你调出来的所有数据（当然也可以在这里面自定义想要调用的数据），然后把值赋给resdata，之后对resdata进行处理即可，具体见wxml
})
},
fail: function (res) {//这里写调用接口失败之后所运行的函数
console.log(’…fail…’);
}
})
},
这样基本上就实现调用接口数据可以展示成功。
实战代码
ml页面：
js页面：
需要注意的几个点：
这是重新优化后的代码，可以直接在当前页面的js页面写方法。之前的代码存在父子关系，不可以直接在当前页面中写方法。
1.先封装一下，在attached里面写入 this.getList()
2.在methods里面用getList（）{}封装一下；
3.注意header里面的内容；
4.写入data：{}；
5.之前在resdata里面写res.data.list数据调取不出来，之后写入res.data.data.list就可以了；
6.在component（{}）里面的data记得写入 resdata:[] 这个空数组。
现在就完成了，接口的数据成功调取，数据完成渲染。