小程序网络请求初体验

实现一个对幻灯片的网络请求

HTML部分

    <swiper class="swiper" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}"
    interval="{{interval}}">
      <block wx:for="{{imgUrls}}">
        <swiper-item>
          <image src="{{item}}" bindtap="tapName" class="big"/>
        </swiper-item>
      </block>
    </swiper>

数据格式

Page({
  data: {
    imgUrls: []
  }
  onLoad(){
    wx.request({
      url: 'https://abc.com/api/swiper/list', //请求地址
      method:'post', //请求方式
      header: {
        'token': 'xxxxxxxxxxx'
      },
      success:(res) => {
        let images = [] //定义新数组images临时储存数据
        res.data.forEach(item => {
          images.push(item.src) //将请求得到的数据中的图片地址src添加到到新定义的数组中
        })
        this.setData({
          imgUrls: images //将新数组赋值给现在的数组，替换图片
        })
      }
    )
  }
})