微信小程序系列三:数据获取及数据渲染

本文详细介绍了在微信小程序中如何使用wx.request方法从服务器获取数据,并通过js代码将数据绑定到页面上进行渲染的过程。重点讲解了配置https服务器地址、合法域名的重要性,以及在本地调试时的注意事项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.数据获取:

注意:

      1.服务器地址要配置https

      2.配置合法域名

      3.本地调试记得在开发者工具勾选

wx.request({
   url: '接口地址',
   data: {},
   success: function (res) {},
   fail:function(err){}
})

2.数据渲染:

  js代码如下:

onLoad: function (options) {
  var that=this;
    wx.request({
      url: 'https://xxxxxxx',
      data: {},--参数
      success: function (res) {
       that.setData({
          shuju:res.xxxxx
       })
      },
      fail: function (err) {
        //失败执行
      }
    })    
}

页面渲染:

<block wx:for="{{shuju}}">
    <view>{{item.xxx}}</view>
</block>

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值