微信小程序 wx.request 请求 获取数据 并渲染到页面

重要: 组件中一定要有 key值 ，不然会报警

关键代码

wx.request 获取数据，wx:for={{变量名}}, wx:key=“index"

获取数据，渲染数据

获取数据

wx.request({
    url: ‘’,// 后端接口地址
    data: { // 请求的参数
        name: ‘Zhang San',
        age: this.data.age // 获取 data 中定义的数据
    } 
    method: ‘POST’,
    success: (res) => {
        // res 是从后端获取到的数据
        console.log(res)
        this.setData({
            list: res.data
        })
    }
})

https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html

渲染数据

<view wx:for={{list}} wx:key=“index">
    <view>{{item.xxx}}</view>
</view>