自学小程序-将请求到的后台数据渲染到页面上

#仅作为自己的技术积累#

//页面代码

<view class="robOne" wx:for="{{returnData}}" wx:for-item="item">
<text class="enjoy">{{item.activityName}}</text>
<text class="money">\n￥{{item.price}}</text>
<text class='abort'>截止{{item.endTime}}</text>
</view>

//后台返回的json数据

{
    "msg":"请求成功",
    "code":"000000",
    "data":[
        {
            "price":0.01,
            "activityName":"吊打的都来拼团啊",
            "state":"1",
            "endTime":"2018-06-10 21:10"
        }
    ],
    "time":"20180504163732"
}

//js代码

onLoad: function (options) {
var that=this;  
    wx.request({
      url: this.data.appletUrl+'/applet/marketing/marketingListInfo',
      header: {
        'content-type': 'application/json'
      },
      data:{
        token:this.data.token,
       
      },
      //请求后台数据成功  
      success: function (res) {
        //wx.showToast('请求成功')
       //将获取到的json数据，存在名字叫zhihu的这个数组中
        that.setData({
          returnData: res.data.data,
        })
        //res代表success函数的事件对，第一个data是固定的，第二个data是上面json数据中data 
      }
    })
},