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


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数组的扩展实现代码集合
Jun 01 Javascript
jQuery AJAX回调函数this指向问题
Feb 08 Javascript
那些年,我还在学习jquery 学习笔记
Mar 05 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
Jan 11 Javascript
jQuery中get和post方法传值测试及注意事项
Aug 08 Javascript
javascript编写贪吃蛇游戏
Jul 07 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
Nov 17 Javascript
JS中递归函数
Jun 17 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
Oct 10 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
Jan 09 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
Jan 07 Javascript
js在HTML的三种引用方式详解
Aug 29 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 addslashes 函数详细分析说明
2009/06/23 PHP
WordPress中的shortcode短代码功能使用详解
2016/05/17 PHP
详解PHP 二维数组排序保持键名不变
2019/03/06 PHP
解决thinkPHP 5 nginx 部署时,只跳转首页的问题
2019/10/16 PHP
php如何获取Http请求
2020/04/30 PHP
javascript打开新窗口同时关闭旧窗口
2009/01/16 Javascript
jquery div 居中技巧应用介绍
2012/11/24 Javascript
jquery实现控制表格行高亮实例
2013/06/05 Javascript
js判断屏幕分辨率的代码
2013/07/16 Javascript
jquery实现加载等待效果示例
2013/09/25 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
2014/03/27 Javascript
Windows8下搭建Node.js开发环境教程
2014/09/03 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
2016/08/19 Javascript
JS中关于正则的巧妙操作
2017/08/31 Javascript
Koa项目搭建过程详细记录
2018/04/12 Javascript
在Layui中实现开关按钮的效果实例
2019/09/29 Javascript
详解如何在JS代码中消灭for循环
2019/12/11 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
2020/02/11 Javascript
JS实现百度搜索框
2021/02/25 Javascript
关于Python中异常(Exception)的汇总
2017/01/18 Python
Python实现的生成格雷码功能示例
2018/01/24 Python
Python使用OpenCV进行标定
2018/05/08 Python
Pandas中resample方法详解
2019/07/02 Python
Django 大文件下载实现过程解析
2019/08/01 Python
virtualenv介绍及简明教程
2020/06/23 Python
Python3爬虫中pyspider的安装步骤
2020/07/29 Python
8款精美的CSS3表单设计(登录表单/下拉选择/按钮附演示及源码)
2013/02/04 HTML / CSS
KOHLER科勒美国官网:国际著名卫浴橱柜领先品牌
2020/06/27 全球购物
投标邀请书范文
2014/01/31 职场文书
防火标语大全
2014/10/06 职场文书
2014社区健康教育工作总结
2014/12/16 职场文书
租赁协议书
2015/01/27 职场文书
2016年三严三实党课学习心得体会
2016/01/06 职场文书
浅谈MySQL next-key lock 加锁范围
2021/06/07 MySQL
Vue 打包后相对路径的引用问题
2022/06/05 Vue.js