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

更新时间：2017年04月14日 15:07:54 作者：冉然

这篇文章主要介绍了微信小程序动态的加载数据实例代码的相关资料,需要的朋友可以参考下

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

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}}

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

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

您可能感兴趣的文章:

forEach循环里break使用方式详解
这篇文章主要为大家介绍了forEach循环里break使用方式详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08
微信小程序（三）：网络请求
本篇文章主要介绍了微信小程序（三）：网络请求。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-01-01
微信小程序图片宽100%显示并且不变形
这篇文章主要介绍了微信小程序图片宽100%显示并且不变形的相关资料,需要的朋友可以参考下
2017-06-06
JS前端模拟Excel条件格式实现数据条效果
这篇文章主要为大家介绍了JS前端模拟Excel条件格式实现数据条效果，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-02-02
微信小程序图片选择、上传到服务器、预览（PHP）实现实例
这篇文章主要介绍了微信小程序图片选择、上传到服务器、预览（PHP）实现实例的相关资料,需要的朋友可以参考下
2017-05-05
Canvaskit快速入门教程
这篇文章主要为大家介绍了Canvaskit快速入门教程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-03-03
JS前端架构pnpm构建Monorepo方式管理demo
这篇文章主要为大家介绍了JS前端架构pnpm构建Monorepo方式的管理demo，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-07-07
前端的状态管理（下）
这篇文章主要介绍了前端的状态管理，续上篇文章内容，今天将从 Redux 入手逐渐拓展,需要的小伙伴可以参考一下哟
2021-10-10
JS前端使用Canvas快速实现手势解锁特效
这篇文章主要为大家介绍了JS前端使用Canvas快速实现手势解锁特效，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-09-09
javascript的setTimeout()使用方法总结
这篇文章主要给大家分享javascript的setTimeout()使用方法总结，js的setTimeout方法用处比较多，通常用在页面刷新了、延迟执行了等等，下面我们一起来看看文章对该内容的具体总结吧,需要的朋友可以参考一下
2021-11-11