微信小程序wx.request请求 数据渲染前端

我的以 “天行数据 ”   的彩虹屁为例  

微信小程序 显示页面的js文件中： 

/**

   * 页面的初始数据

   */

  data: {

    caihongpi : [], //新建数组

  },

与data平级定义一个方法 getnews（）

{

    wx.request({

      url: 'https://api.tianapi.com/caihongpi/index', 

      method: 'POST', 

      data: {

    key:' 你的key' // 自己的

    }, 

      header: {

    'Content-Type':'application/x-www-form-urlencoded'

    }, 

    success: (res) => {

        

       this.setData({

    //console.log(res)  //打印    在调试器中可以看到数组的值

    caihongpi: res.data.newslist['0']   

// 调用数组   这里的[0]  是对象中的   如果不用 只能显示对象

      })

    }

    })

  },

 onLoad: function (options) {
    this.getnews() 

  },

显示的页面wxnl

// wx:for="{{caihongpi}}"  key= 'id'        {{index}} 看自己数据是否有  {{item}} 结构

<view>
 <view wx:for="{{caihongpi}}"> 
{{item}}

 </view>
 

重点在： caihongpi: res.data.newslist['0']     关键在怎么传渲染到显示的页面 ，这里看你的请求对象的数组