脚本之家

电脑版
提示:原网页已由神马搜索转码, 内容由www.jb51.net提供.
您的位置:首页网络编程JavaScript→ 微信小程序动态的加载数据

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

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

    最新评论