[小程序]支付宝小程序GET请求数据并展示列表界面

前端之家收集整理的这篇文章主要介绍了[小程序]支付宝小程序GET请求数据并展示列表界面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_502_0@最普通的一个应用就是获取网络的列表数据,然后把数据循环渲染到list列表组件上

@H_502_0@js部分的代码是,获取网络并设置data

Page({
  data: {
    baseUrl:"https://gofly.sopans.com",visitors:[]
  },login(){
    my.alert({ title: 'You click reset' });
  },onLoad(){
    let _this=this;
    var baseUrl=.data.baseUrl;
    my.request({
      url: baseUrl+/visitors_onlineGETfail});
      },complete: function(res) {
        my.hideLoading();
        _this.setData({
          visitors: res.data.result.ws,});
      }
  });
  }
});
@H_502_0@axml部分的代码是,循环渲染带缩略图的模板

  <list>
    <list-item a:for={{visitors}}" thumb={{baseUrl+item.avator}}
    onClick=onItemClick
    upperSubtitle=新访客" >
    {{item.name}}
  </list-item>
  </list>
@H_502_0@展示效果

@H_502_0@

@H_502_0@ 

猜你在找的JavaScript相关文章