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


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练习之表单验证实现代码
Dec 14 Javascript
批量实现面向对象的实例代码
Jul 01 Javascript
extjs4 treepanel动态改变行高度示例
Dec 17 Javascript
jquery实现简单实用的打分程序实例
Jul 23 Javascript
javascript解决IE6下hover问题的方法
Jul 28 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 Javascript
js实现文字向上轮播功能
Jan 13 Javascript
js中作用域的实例解析
Mar 16 Javascript
利用js将ajax获取到的后台数据动态加载至网页中的方法
Aug 08 Javascript
js实现黑白div块画空心的图形
Dec 13 Javascript
基于layui轮播图满屏是高度自适应的解决方法
Sep 16 Javascript
jquery+ajax实现异步上传文件显示进度条
Aug 17 jQuery
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 _autoload自动加载类与机制分析
2012/02/10 PHP
Thinkphp中import的几个用法详细介绍
2014/07/02 PHP
php/JS实现的生成随机密码(验证码)功能示例
2019/06/06 PHP
laravel 配置路由 api和web定义的路由的区别详解
2019/09/03 PHP
这段js代码得节约你多少时间
2011/12/20 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
2013/08/03 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
jquery实现简单的全选和反选功能
2016/01/02 Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
2016/05/10 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
2016/10/31 Javascript
DropDownList实现可输入可选择(两种版本可选)
2016/12/07 Javascript
javascript ASCII和Hex互转的实现方法
2016/12/27 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
2017/03/08 Javascript
iscroll动态加载数据完美解决方法
2017/07/18 Javascript
Vue使用vue-cli创建项目
2017/09/01 Javascript
原生JS实现小小的音乐播放器
2017/10/16 Javascript
基于Koa(nodejs框架)对json文件进行增删改查的示例代码
2019/02/02 NodeJs
前端天气插件tpwidget使用方法详解
2019/06/24 Javascript
JS中FormData类实现文件上传
2020/03/27 Javascript
Jquery滑动门/tab切换实现方法完整示例
2020/06/05 jQuery
Python内置函数bin() oct()等实现进制转换
2012/12/30 Python
Django的信号机制详解
2017/05/05 Python
pycharm中成功运行图片的配置教程
2018/10/28 Python
python实现雪花飘落效果实例讲解
2019/06/18 Python
10分钟用python搭建一个超好用的CMDB系统
2019/07/17 Python
python 生成正态分布数据,并绘图和解析
2020/12/21 Python
html5+css3进度条倒计时动画特效代码【推荐】
2016/03/08 HTML / CSS
Linux Interview Questions For software testers
2013/05/17 面试题
小学二年级学生评语
2014/04/21 职场文书
镇政府副镇长群众路线专题民主生活会对照检查材料
2014/09/19 职场文书
房屋过户委托书范本
2014/10/07 职场文书
2014城乡环境综合治理工作总结
2014/12/19 职场文书
2015年统战工作总结
2015/05/19 职场文书
小学运动会报道稿
2015/07/22 职场文书
2016年暑期见闻作文
2015/11/25 职场文书