欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  微信小程序

微信小程序实例:如何获取和渲染数据(附代码)

程序员文章站 2022-05-09 14:25:56
...
本篇文章给大家带来的内容是关于微信小程序实例:如何获取和渲染数据(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

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>

相关推荐:

微信小程序实例:表单提交的代码实现

微信小程序实例:如何获取用户的openid(附代码)

以上就是微信小程序实例:如何获取和渲染数据(附代码)的详细内容,更多请关注其它相关文章!