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


Posted in Javascript onApril 14, 2017

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

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

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

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

Javascript 相关文章推荐
jQuery load方法用法集锦
Dec 06 Javascript
Javascript面向对象设计一 工厂模式
Dec 20 Javascript
关于JAVASCRIPT urldecode URL解码的问题
Jan 08 Javascript
深入分析jquery解析json数据
Dec 09 Javascript
js+css实现有立体感的按钮式文字竖排菜单效果
Sep 01 Javascript
jQuery中cookie插件用法实例分析
Dec 04 Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
Dec 24 Javascript
探索Vue.js component内容实现
Nov 03 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
Apr 10 Javascript
JS函数参数的传递与同名参数实例分析
Mar 16 Javascript
微信小程序实现带放大效果的轮播图
May 26 Javascript
vue+element_ui上传文件,并传递额外参数操作
Dec 05 Vue.js
JAVA中截取字符串substring用法详解
Apr 14 #Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 #jQuery
JavaScript实现的选择排序算法实例分析
Apr 14 #Javascript
简单实现JS上传图片预览功能
Apr 14 #Javascript
基于JavaScript实现的快速排序算法分析
Apr 14 #Javascript
微信小程序中的swiper组件详解
Apr 14 #Javascript
深入解析js轮播插件核心代码的实现过程
Apr 14 #Javascript
You might like
PHP 存储文本换行实现方法
2010/01/05 PHP
PHP 如何利用phpexcel导入数据库
2013/08/24 PHP
php一行代码获取文件后缀名实例分析
2014/11/12 PHP
smarty内置函数capture用法分析
2015/01/22 PHP
通过php删除xml文档内容的方法
2015/01/23 PHP
PHP session文件独占锁引起阻塞问题解决方法
2015/05/12 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
2015/06/17 PHP
PHP两个n位的二进制整数相加问题的解决
2018/08/26 PHP
laravel实现于语言包的完美切换方法
2019/09/29 PHP
laravel-admin的多级联动方法
2019/09/30 PHP
window.event.keyCode兼容IE和Firefox实现js代码
2013/05/30 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
2015/03/04 Javascript
js实现人才网站职位选择功能的方法
2015/08/14 Javascript
JS实现的文字与图片定时切换效果代码
2015/10/06 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
2016/04/29 Javascript
Vue开发过程中遇到的疑惑知识点总结
2017/01/20 Javascript
详解redis在nodejs中的应用
2018/05/02 NodeJs
Vue常见面试题整理【值得收藏】
2018/09/20 Javascript
vue组件化中slot的基本使用方法
2019/05/01 Javascript
layui 表单标签的校验方法
2019/09/04 Javascript
layui时间控件选择时间范围的实现方法
2019/09/28 Javascript
vue中可编辑树状表格的实现代码
2020/10/31 Javascript
python实现简单点对点(p2p)聊天
2017/09/13 Python
python时间日期函数与利用pandas进行时间序列处理详解
2018/03/13 Python
详解opencv Python特征检测及K-最近邻匹配
2019/01/21 Python
Django重置migrations文件的方法步骤
2019/05/01 Python
Python基础学习之时间转换函数用法详解
2019/06/18 Python
浅谈Django+Gunicorn+Nginx部署之路
2019/09/11 Python
css3简单练习实现遨游浏览器logo的绘制
2013/01/30 HTML / CSS
服装设计专业毕业生求职信
2014/04/09 职场文书
大国崛起英国观后感
2015/06/02 职场文书
淮海战役观后感
2015/06/11 职场文书
2016思想纪律作风整顿心得体会
2016/01/23 职场文书
vue+spring boot实现校验码功能
2021/05/27 Vue.js
SpringRetry重试框架的具体使用
2021/07/25 Java/Android