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

 更新时间:2017年04月14日 15:07:54   作者:冉然  
这篇文章主要介绍了 微信小程序动态的加载数据实例代码的相关资料,需要的朋友可以参考下

微信小程序刚出来有很多的东西还在更新,先写些刚开始要做的工作

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中块级作用域与函数作用域深入剖析

    这篇文章主要为大家介绍了JavaScript中块级作用域与函数作用域的实现原理深入剖析,
    2023-05-05
  • JavaScript闭包closure详述

    JavaScript闭包closure详述

    这篇文章主要大家分享的是JavaScript闭包详述,在JavaScript部分,闭包是很重要的东西,所以我们今天就闭包的相关知识做一个总结,需要的朋友可以参考一下,希望对你有所帮助
    2021-12-12
  • 从原生JavaScript到React深入理解

    从原生JavaScript到React深入理解

    这篇文章主要为大家介绍了从原生JavaScript到React深入理解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • JavaScript DOM操作之获取元素方式全解析

    JavaScript DOM操作之获取元素方式全解析

    这篇文章主要为大家介绍了JavaScript全解析之DOM操作及获取元素的方法全面解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • JS轻量级函数式编程实现XDM二

    JS轻量级函数式编程实现XDM二

    这篇文章主要为大家介绍了JS函数式编程实现XDM示例详解第2/3篇,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • ChatGPT在前端领域的初步探索

    ChatGPT在前端领域的初步探索

    这篇文章主要为大家介绍了ChatGPT在前端领域的初步探索,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 一端时间轮换的广告

    一端时间轮换的广告

    一端时间轮换的广告...
    2006-06-06
  • 微信小程序 开发之顶部导航栏实例代码

    微信小程序 开发之顶部导航栏实例代码

    这篇文章主要介绍了微信小程序 开发之顶部导航栏实例代码的相关资料,需要的朋友可以参考下
    2017-02-02
  • 四十九个javascript小知识实用技巧

    四十九个javascript小知识实用技巧

    这篇文章主要给大家分享得是四十九个javascript小知识实用技巧像下面文章围绕JavaScript得各种技巧详细介绍,需要的朋友可以参考一下,希望对你有所帮助
    2021-11-11
  • javascript实现字典Dictionary示例基础

    javascript实现字典Dictionary示例基础

    这篇文章主要为大家介绍了javascript实现字典Dictionary基础示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08

最新评论