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


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 相关文章推荐
JavaScript中的变量声明早于赋值分析
Mar 01 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
Jan 04 Javascript
使用JavaScript动态设置样式实现代码及演示动画
Jan 25 Javascript
jquery 多行文本框(textarea)高度变化
Jul 03 Javascript
浅析node.js中close事件
Nov 26 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
Sep 04 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
Jan 26 Javascript
JavaScript该如何学习 怎样轻松学习JavaScript
Jun 12 Javascript
微信小程序使用Promise简化回调
Feb 06 Javascript
Vue.js中的computed工作原理
Mar 22 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
Jul 24 Javascript
Node.js path模块,获取文件后缀名操作
Nov 07 Javascript
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
PHP4实际应用经验篇(1)
2006/10/09 PHP
解析使用substr截取UTF-8中文字符串出现乱码的问题
2013/06/20 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
Yii中特殊行为ActionFilter的使用方法示例
2020/10/18 PHP
繁简字转换功能
2006/07/19 Javascript
jQuery 使用手册(三)
2009/09/23 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
2015/06/19 Javascript
使用Raygun对Node.js应用进行错误处理的方法
2015/06/23 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
2015/09/16 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
2015/11/04 Javascript
如何用angularjs制作一个完整的表格
2016/01/21 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
使用 bootstrap modal遇到的问题小结
2016/11/09 Javascript
关于Vue.js一些问题和思考学习笔记(2)
2016/12/02 Javascript
JavaScript实现反转字符串的方法详解
2017/04/27 Javascript
webpack热模块替换(HMR)/热更新的方法
2018/04/05 Javascript
详解各版本React路由的跳转的方法
2018/05/10 Javascript
微信小程序云开发之新手环境配置
2019/05/16 Javascript
vue使用自定义指令实现拖拽
2021/01/29 Javascript
[08:40]Navi Vs Newbee
2018/06/07 DOTA
python错误处理详解
2014/09/28 Python
Python中列表、字典、元组数据结构的简单学习笔记
2016/03/20 Python
Python实现针对中文排序的方法
2017/05/09 Python
Python 编码Basic Auth使用方法简单实例
2017/05/25 Python
python实现抖音视频批量下载
2018/06/20 Python
PyInstaller将Python文件打包为exe后如何反编译(破解源码)以及防止反编译
2020/04/15 Python
澳大利亚婴儿礼品公司:The Baby Gift Company
2018/11/04 全球购物
面向对象编程是如何提高软件开发水平的
2014/05/06 面试题
.NET面试问题集
2015/12/08 面试题
借款协议书范本
2014/04/22 职场文书
小学教师师德演讲稿
2014/05/06 职场文书
毕业生求职信范文
2014/06/29 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
个人欠条范本
2015/07/03 职场文书
升学宴家长答谢词
2015/09/29 职场文书