微信小程序动态的加载数据实例代码

2019-11-22,,,,,

微信小程序刚出来有很多的东西还在更新,先写些刚开始要做的工作

1、首先要写在js里定义一个全局变量

data: {
  datalist: []
 },

2、请求数据加载,获得整个数组信息 

 wx.request({
   url: httpUrl,
   data: {},
   success: function (res) {
    that.setData({
     datalist: res.data.courses
    })
   },

 3、在.wxml中调用

数组的调用用:wx:for="{{datalist}}"

数组中的单个变量调用用:{{item.courseTitle}}

数组中有域名的单个变量的调用用:https://360fast-edu.com{{item.pictureUrl}}

最后完成整个动态数据的加载!!!!!!!!!!!!!!

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

您可能感兴趣的文章:

  • 微信小程序动态添加分享数据
  • 微信小程序 动态绑定数据及动态事件处理
  • 微信小程序之页面跳转和参数传递的实现
  • 微信小程序教程系列之页面跳转和参数传递(6)
  • 微信小程序 navigator 跳转url传递参数
  • 微信小程序 参数传递详解
  • 微信小程序 动态修改页面数据及参数传递过程详解

《微信小程序动态的加载数据实例代码.doc》

下载本文的Word格式文档,以方便收藏与打印。