分享下自己写的一个微信小程序请求远程数据加载到页面的代码

1 思路整理

就是页面加载完毕的时候请求远程接口，然后把数据赋值给页面的变量，然后列表循环

2 js相关代码我是改的 onload函数

/*** 生命周期函数--监听页面加载*/onLoad: function (options) {var that = this;//这里注意，要不然setData不可用wx.request({url: 'http://****/index.php/Home/Wechat/index', // 仅为示例，并非真实的接口地址
      header: {'content-type': 'application/json' // 默认值
      },success(res) {console.log(res.data)that.setData({datalist: res.data,})}})},

3 模板页面直接循环即可

    <view wx:for="{{datalist}}" class="scroll-view-item-01"><view class="item_01" bindtap="bindViewDetailTap">{{item.title}}</view><view class="item_02">{{item.time}}</view></view>

posted on 2019-04-02 16:56 baker95935 阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/baker95935/p/10643700.html

分享下自己写的一个微信小程序请求远程数据加载到页面的代码相关推荐

微信小程序体验版数据加载不了，打开调试模式下才行（在微信开发者工具上也能加载数据）
记一次微信小程序体验版数据加载不了的解决过程(请求不到数据),供大家参考: 注:域名已经备案.https已经配置.ssl证书在1.2以上版本.小程序后台已经配置服务器域名注:域名已经备案.https ...
微信小程序体验版数据加载失败，打开调试模式下才可以
检查"不校验合法域名.web-view(业务域名).TLS 版本以及 HTTPS 证书"是否被勾选上,发现勾上了,我把它去了,发现数据加载不了了: 体验版是必须要把沟去掉校验域名的 ...
微信小程序开发动感十足的加载动画--都在这里！
微信小程序开发动感十足的加载动画--都在这里.jpg 1. 概述我们在学习微信小程序时,应该会遇到载入图片或者动画需要等待的情况,那么这个等待的画面我们应该怎么编写呢?今天我们就分享这样的小教程. ...
【微信技术-微信小程序】------- 骨架屏(加载流)配置(skeleton-config)及属性详解 (第三篇)
本篇文章是骨架屏(skeleton)配置及属性详解(第三篇) 第一篇文章:[微信技术-微信小程序]-------骨架屏(加载流) 简单入门(第一篇) 第二篇文章:[微信技术-微信小程序]------- ...
微信小程序image图无法加载出来的解决办法（亲测有效）
在微信小程序中,第一次加载页面时图片(线上图)加载不出来/图片灰色背景显示,这个时候该如何解决这个问题呢?请带着问题查看这篇博客,希望对您有所帮助(点赞skr) 看官方文档? 自行解决? 写在前面(初 ...
微信小程序中使用wxss加载图片并实现动画
微信小程序中使用wxss加载图片并实现动画记录微信小程序中使用wxss加载图片并实现动画的方式,最终实现loading效果. 代码 .weui-loading { margin: 0 5px; wi ...
微信小程序scroll-view上拉加载更多
微信小程序scroll-view上拉加载更多 1.wxml代码 <scroll-view class="scroll-view-container" scroll-ybind ...
微信小程序-首屏视频加载
项目场景: 微信小程序开发: 实现小程序首页视频预加载功能 1.获取设备的宽和高度 2.小程序video的使用获取设备的宽和高度 // 获取设备的宽和高度getsize() {let that = ...
【学习笔记】大三集中实训做的一个微信小程序之点餐系统（静态页面不包含java后台逻辑）
点餐系统注:大三集中实训的时候由于没有什么经验,只实现了静态页面,但微信小程序开发文档里面所有的功能差不多都实现(视频的上传与下载以及登录等等)所以在这里记录自己的学习笔记目录 **点餐系统** ...

分享下自己写的一个微信小程序请求远程数据加载到页面的代码

分享下自己写的一个微信小程序请求远程数据加载到页面的代码相关推荐

最新文章

热门文章