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

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

已有 7 条评论

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

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

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

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

  5. 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

  6. 华纳公司合作开户所需材料?电话号码15587291507 微信STS5099
    华纳公司合作开户所需材料?电话号码15587291507 微信STS5099
    华纳公司合作开户所需材料?电话号码15587291507 微信STS5099
    华纳公司合作开户所需材料?电话号码15587291507 微信STS5099
    华纳公司合作开户所需材料?电话号码15587291507 微信STS5099
    华纳公司合作开户所需材料?电话号码15587291507 微信STS5099
    华纳公司合作开户所需材料?电话号码15587291507 微信STS5099
    华纳公司合作开户所需材料?电话号码15587291507 微信STS5099

  7. 华纳东方明珠客服电话是多少?(▲18288362750?《?微信STS5099? 】
    如何联系华纳东方明珠客服?(▲18288362750?《?微信STS5099? 】
    华纳东方明珠官方客服联系方式?(▲18288362750?《?微信STS5099?
    华纳东方明珠客服热线?(▲18288362750?《?微信STS5099?
    华纳东方明珠24小时客服电话?(▲18288362750?《?微信STS5099? 】
    华纳东方明珠官方客服在线咨询?(▲18288362750?《?微信STS5099?

添加新评论