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


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 自定义CircleAnimation,Animate方法学习笔记
Jul 10 Javascript
js判断变量初始化的三种形式及推荐用的形式
Jul 22 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
Feb 29 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
深入理解Javascript中的作用域链和闭包
Apr 25 Javascript
详解Angular2响应式表单
Jun 14 Javascript
基于vue的短信验证码倒计时demo
Sep 13 Javascript
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
angularJs在多个控制器中共享服务数据的方法
Sep 30 Javascript
node.js连接mysql与基本用法示例
Jan 05 Javascript
Vue 动态添加路由及生成菜单的方法示例
Jun 20 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
Aug 03 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关于htmlspecialchars、strip_tags、addslashes的解释
2014/07/04 PHP
destoon实现调用热门关键字的方法
2014/07/15 PHP
laravel 5 实现模板主题功能
2015/03/02 PHP
PHP实现微信网页授权开发教程
2016/01/19 PHP
比较详细的关于javascript中void(0)的具体含义解释
2007/08/02 Javascript
让firefox支持IE的一些方法的javascript扩展函数代码
2010/01/02 Javascript
js前台分页显示后端JAVA数据响应
2013/03/18 Javascript
js获取指定日期前后的日期代码
2013/08/20 Javascript
js 将json字符串转换为json对象的方法解析
2013/11/13 Javascript
JS保存和删除cookie操作 判断cookie是否存在
2013/11/13 Javascript
jquery获取复选框checkbox的值实现方法
2016/05/30 Javascript
Vue keep-alive实践总结(推荐)
2017/08/31 Javascript
bootstrap表格内容过长时用省略号表示的解决方法
2017/11/21 Javascript
vue-router history模式下的微信分享小结
2018/07/05 Javascript
Vue.js组件实现选项卡以及切换特效
2019/07/24 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
2019/09/28 Javascript
js实现滑动滑块验证登录
2020/07/24 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
2020/11/16 Javascript
[11:57]《一刀刀一天》第十七期:TI中国军团加油!
2014/05/26 DOTA
python实现在每个独立进程中运行一个函数的方法
2015/04/23 Python
Python素数检测的方法
2015/05/11 Python
Python 'takes exactly 1 argument (2 given)' Python error
2016/12/13 Python
浅析Python中return和finally共同挖的坑
2017/08/18 Python
python实现微信每日一句自动发送给喜欢的人
2019/04/29 Python
python的pyecharts绘制各种图表详细(附代码)
2019/11/11 Python
windows python3安装Jupyter Notebooks教程
2020/04/13 Python
python 代码运行时间获取方式详解
2020/09/18 Python
Django xadmin安装及使用详解
2020/10/26 Python
奥斯汀独木舟和皮划艇:Austin Canoe & Kayak
2018/05/22 全球购物
高中生学习生活的自我评价
2013/11/27 职场文书
廉洁教育学习材料
2014/05/19 职场文书
幼儿园综治宣传月活动总结
2015/05/07 职场文书
Vue3 Composition API的使用简介
2021/03/29 Vue.js
JavaScript实现班级抽签小程序
2021/05/19 Javascript
JavaScript小技巧带你提升你的代码技能
2021/09/15 Javascript
vue router 动态路由清除方式
2022/05/25 Vue.js