小程序调用接口及数据的展示

实现这样一个页面的数据展示和接口的调用

大致框架内容如下，具体操作代码在最后
首先在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