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


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 相关文章推荐
js为数字添加逗号并格式化数字的代码
Aug 23 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
Sep 01 Javascript
node.js中的socket.io的广播消息
Dec 15 Javascript
实现音乐播放器的代码(html5+css3+jquery)
Aug 04 Javascript
jquery跟随屏幕滚动效果的实现代码
Apr 13 Javascript
bootstrap按钮插件(Button)使用方法解析
Jan 13 Javascript
d3.js入门教程之数据绑定详解
Apr 28 Javascript
js用类封装pop弹窗组件
Oct 08 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
May 20 Javascript
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 jQuery
react结合bootstrap实现评论功能
May 30 Javascript
vue.js封装switch开关组件的操作
Oct 26 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
PHP伪静态写法附代码
2008/06/20 PHP
PHP语法自动检查的Vim插件
2014/08/11 PHP
学习php设计模式 php实现装饰器模式(decorator)
2015/12/07 PHP
Symfony2框架创建项目与模板设置实例详解
2016/03/17 PHP
通过Javascript将数据导出到外部Excel文档的函数代码
2012/06/15 Javascript
javascript动态加载二
2012/08/22 Javascript
JS获取图片lowsrc属性的方法
2015/04/01 Javascript
JQuery记住用户名密码实现下次自动登录功能
2015/04/27 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
2016/06/08 Javascript
详解小程序原生使用ES7 async/await语法
2018/08/06 Javascript
Vue 实现列表动态添加和删除的两种方法小结
2018/09/07 Javascript
小程序自定义单页面、全局导航栏的实现代码
2019/03/15 Javascript
小程序云开发教程如何使用云函数实现点赞功能
2019/05/18 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
2020/07/31 Javascript
Mac OS X10.9安装的Python2.7升级Python3.3步骤详解
2013/12/04 Python
简介Python设计模式中的代理模式与模板方法模式编程
2016/02/02 Python
python脚本实现数据导出excel格式的简单方法(推荐)
2016/12/30 Python
详解python中的json和字典dict
2018/06/22 Python
Python的numpy库下的几个小函数的用法(小结)
2019/07/12 Python
opencv导入头文件时报错#include的解决方法
2019/07/31 Python
python 生成器和迭代器的原理解析
2019/10/12 Python
python库matplotlib绘制坐标图
2019/10/18 Python
python中Lambda表达式详解
2019/11/20 Python
Python bytes string相互转换过程解析
2020/03/05 Python
Python参数传递机制传值和传引用原理详解
2020/05/22 Python
css3背景_动力节点Java学院整理
2017/07/11 HTML / CSS
CSS3用@font-face实现自定义英文字体
2013/09/23 HTML / CSS
CSS3实现头像旋转效果
2017/03/13 HTML / CSS
size?瑞典:英国伦敦的球鞋精品店
2018/03/01 全球购物
新加坡鲜花速递/新加坡网上花店:Ferns N Petals
2020/08/29 全球购物
竞选部门副经理的自荐书范文
2014/02/11 职场文书
法定代表人授权委托书范文
2014/08/02 职场文书
大学四年个人总结
2015/03/03 职场文书
2015年全国助残日活动方案
2015/05/04 职场文书
初中语文教师研修日志
2015/11/13 职场文书