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


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 相关文章推荐
web前端开发也需要日志
Dec 09 Javascript
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
Aug 14 Javascript
jquery获取iframe中的dom对象(两种方法)
Jul 02 Javascript
JS获取地址栏参数的小例子
Aug 23 Javascript
jQuery使用animate实现ul列表项相互飘动效果示例
Sep 16 Javascript
JS访问DOM节点方法详解
Nov 29 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 Javascript
javascript  删除select中的所有option的实例
Sep 17 Javascript
浅析Node.js非对称加密方法
Jan 29 Javascript
Vue中 axios delete请求参数操作
Aug 25 Javascript
JavaScript代码简化技巧实例解析
Sep 09 Javascript
使用vuex-persistedstate本地存储vuex
Apr 29 Vue.js
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-fpm 参数的深入理解
2013/06/03 PHP
浅谈Eclipse PDT调试PHP程序
2014/06/09 PHP
一个严格的PHP Session会话超时时间设置方法
2014/06/10 PHP
php按字符无乱码截取中文的方法
2015/03/27 PHP
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
jquery.ui.draggable中文文档
2009/11/24 Javascript
jQuery之end()和pushStack()使用介绍
2012/02/07 Javascript
node.js正则表达式获取网页中所有链接的代码实例
2014/06/03 Javascript
使用angular写一个hello world
2015/01/23 Javascript
剖析Node.js异步编程中的回调与代码设计模式
2016/02/16 Javascript
DWR中各种java方法的调用
2016/05/04 Javascript
javascript jquery对form元素的常见操作详解
2016/06/12 Javascript
JS中如何实现Laravel的route函数详解
2017/02/12 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
Vuex之理解Store的用法
2017/04/19 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
2017/06/25 Javascript
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
详解angular2.x创建项目入门指令
2018/10/11 Javascript
Vue代码整洁之去重方法整理
2019/08/06 Javascript
[04:11]DOTA2上海特级锦标赛主赛事首日TOP10
2016/03/03 DOTA
浅析Python中元祖、列表和字典的区别
2016/08/17 Python
详解python脚本自动生成需要文件实例代码
2017/02/04 Python
Python+OpenCV让电脑帮你玩微信跳一跳
2018/01/04 Python
解决python nohup linux 后台运行输出的问题
2018/05/11 Python
python实现顺序表的简单代码
2018/09/28 Python
使用python脚本自动创建pip.ini配置文件代码实例
2019/09/20 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
公司活动策划方案
2014/01/13 职场文书
师德演讲稿范文
2014/05/06 职场文书
先进班集体申报材料
2014/12/26 职场文书
个人简历求职信范文
2015/03/20 职场文书
如何判断微信付款码和支付宝付款码
2021/04/01 PHP
docker 制作mysql镜像并自动安装
2022/05/20 Servers
vue实现登陆页面开发实践
2022/05/30 Vue.js