首先看你想要从后台获取什么数据,例如从接口文档中我们需要获取的是一组图片。那么我们需要在你要获取数据页面下的js文件中的date数据下面定义一个数组用来存放我们从后台获取的数据
1.发送异步请求获取数据 在js文件中的onLoad:function()函数中打出wx.request()函数会自动补全代码,下面是request函数中各个语句的用途 我们可以先在request函数中先打印一下数据看看获取数据的类型等
wx-wx.request({
url: 'https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata',
success: (result) => {
console.log(result);
},
})
如上所示可以这样将数据赋值给我们定义的数组
如上图所示轮播图在微信官方的API文档中可以查找到,我们需要做的就是将for里面的数组名改为我们从后台获取的数据所定义的数组名称,关键字修改为唯一的一个属性(在后台获取到的数据源中我们可以找到一个唯一的属性)还有我们还需要添加一个image标签,将里面的src属性渲染为我们从后端获取到的地址即可