小程序如何获取后端的数据

首先看你想要从后台获取什么数据,例如从接口文档中我们需要获取的是一组图片。那么我们需要在你要获取数据页面下的js文件中的date数据下面定义一个数组用来存放我们从后台获取的数据

1.发送异步请求获取数据           在js文件中的onLoad:function()函数中打出wx.request()函数会自动补全代码,下面是request函数中各个语句的用途小程序如何获取后端的数据_第1张图片 我们可以先在request函数中先打印一下数据看看获取数据的类型等

 wx-wx.request({
      url: 'https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata',
      success: (result) => {
         console.log(result);
      },
    })

小程序如何获取后端的数据_第2张图片

如上所示可以这样将数据赋值给我们定义的数组

小程序如何获取后端的数据_第3张图片

 如上图所示轮播图在微信官方的API文档中可以查找到,我们需要做的就是将for里面的数组名改为我们从后台获取的数据所定义的数组名称,关键字修改为唯一的一个属性(在后台获取到的数据源中我们可以找到一个唯一的属性)还有我们还需要添加一个image标签,将里面的src属性渲染为我们从后端获取到的地址即可

你可能感兴趣的:(小程序,javascript,前端)