• 时间:
  • 分类:

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

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 //将新数组赋值给现在的数组，替换图片
        })
      }
    )
  }
})

标签: none

已有 5 条评论

  1. mglxjzxohr mglxjzxohr

    情感真挚自然，字里行间传递出强烈的感染力。

    回复
  2. sxcbjsjtjc sxcbjsjtjc

    这篇文章提供了宝贵的经验和见解，对读者有很大的启发和帮助。

    回复
  3. sfcgosqefu sfcgosqefu

    技术伦理的探讨体现人文科技平衡意识。

    回复
  4. byosoqevrc byosoqevrc

    文章紧扣主题，观点鲜明，展现出深刻的思考维度。

    回复
  5. cbuomquzxk cbuomquzxk

    2025年10月新盘 做第一批吃螃蟹的人coinsrore.com
    新车新盘 嘎嘎稳 嘎嘎靠谱coinsrore.com
    新车首发，新的一年，只带想赚米的人coinsrore.com
    新盘 上车集合 留下 我要发发 立马进裙coinsrore.com
    做了几十年的项目 我总结了最好的一个盘（纯干货）coinsrore.com
    新车上路，只带前10个人coinsrore.com
    新盘首开 新盘首开 征召客户！！！coinsrore.com
    新项目准备上线，寻找志同道合的合作伙伴coinsrore.com
    新车即将上线 真正的项目，期待你的参与coinsrore.com
    新盘新项目，不再等待，现在就是最佳上车机会！coinsrore.com
    新盘新盘 这个月刚上新盘 新车第一个吃螃蟹！coinsrore.com

    回复

添加新评论