[小程序]支付宝小程序GET请求数据并展示列表界面
2023-02-18 15:41:27 时间
最普通的一个应用就是获取网络的列表数据,然后把数据循环渲染到list列表组件上
js部分的代码是,获取网络并设置data
Page({ data: { baseUrl:"https://gofly.sopans.com", visitors:[] }, login(){ my.alert({ title: 'You click reset' }); }, onLoad(){ let _this=this; var baseUrl=this.data.baseUrl; my.request({ url: baseUrl+'/visitors_online', method: 'GET', success: function(res) { }, fail: function(res) { my.alert({content: 'fail'}); }, complete: function(res) { my.hideLoading(); _this.setData({ visitors: res.data.result.ws, }); } }); } });
axml部分的代码是,循环渲染带缩略图的模板
<list> <list-item a:for="{{visitors}}" thumb="{{baseUrl+item.avator}}" onClick="onItemClick" upperSubtitle="新访客" > {{item.name}} </list-item> </list>
展示效果
相关文章
- 在线客服系统源码开发实战总结:gin框架模板渲染html页面
- 在线客服系统源码开发实战总结:H5 Notifications浏览器桌面通知
- wordpress独立站宝塔面板配置HTTPS教程
- 宝塔面板出现“require(): open_basedir restriction in effect. ”的解决方法
- elementui的loading加载页面的使用方式
- javascript监听页面关闭事件
- 【小程序】微信小程序开发在app.json中新建页面时报[ WXML 文件编译错误] (env: Windows,mp,1.06.2206090; lib: 2.25.0)
- 【Linux】宝塔面板设置MySQL慢查询日志,未走索引日志
- 客服系统搭建教程_宝塔面板下安装使用方式_可对接公众号_支持APP/h5多租户运营
- [宝塔面板] 客服系统适配宝塔面板,实现软件商店=>导入项目=>一键部署私有云在线客服系统
- [html] 同一页面的跳转,锚文本的使用方法
- [PHP] 解决宝塔面板运行php项目 pcntl_fork() has been disabled for security reasons
- 论文解读丨无参数的注意力模块SimAm
- 华为云企业级Redis揭秘第15期:Redis为什么需要强一致?
- 带你了解AKG正反向算子注册+关联流程
- 软件开发除了23种设计模式,还有7个开发原则需要了解
- Sechunter移动应用隐私合规检测详解
- 数仓如何限制临时数据文件下盘量
- 关于HTTPS认证,这里解决你所有疑惑
- 分析师机构发布中国低代码平台现状分析报告,华为云AppCube为数字化转型加码