手机网站

小程序加载远程数据显示loading 加载完成消失

位置:首页 > 手机网站 > 微信小程序,2018-03-16 10:24
小程序加载远程数据显示loading 加载完成消失

小程序加载远程数据显示loading 加载完成消失

js代码

Page({
  data: {

  },
  onReady:function() {
   
  },
  onLoad: function () {
    
  },

  onShow: function () {
   
    var that = this//不要漏了这句,很重要
    this.setData({
      hidden: false
    })
    wx.request({
      url: 'https://www.ablanxue.com/',//这里换成自己的json数据地址
      headers: {
        'Content-Type': 'application/json'
      },
      success: function (res) {

        console.log(res.data)
        //将获取到的json数据,存在tarlist这个数组中
        that.setData({
          tarlist: res.data,
          //res代表success函数的事件对,data是固定的,stories是是上面json数据中stories
        hidden: true
        })
      }
    })

  }

})
wxml代码

<view>
 <loading hidden="{{hidden}}">
  加载中...
 </loading>
</view>
<view>
 <block wx:for="{{tarlist}}" wx:for-item="item" wx:key="key">
   <text>{{item.title}}</text>
 </block>
 </view>



TAGS:小程序加载远程数据小程序loading

猜你喜欢


NewHot手机版