关于前端:微信小程序-wxrequest-请求-获取数据-并渲染到页面

重要: 组件中肯定要有 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>