[小程序]支付宝小程序GET请求数据并展示列表界面
2023-02-18 15:36:34 时间
最普通的一个应用就是获取网络的列表数据,然后把数据循环渲染到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>
展示效果
相关文章
- 三维形体的表面积
- 阿里资深工程师教你门面模式
- 【反复横跳】从AC5到AC6的转型之路(2)——“两面包夹芝士”的堆栈模型
- 一首让计算机崩溃的歌曲!
- 国外是怎么学习计算机的?
- 胖虎总结的测开面试题(面试官视角)
- 作为测试面试官,我如何筛选候选人—CKL
- 阿里二面:RocketMQ 集群 Broker 挂了,会造成什么影响?
- 被迫毕业,面试 30 家公司,终于上岸了!
- 面试官:使用 RocketMQ 怎么进行灰度发布?
- Java变强之路——面向对象篇
- IC面试:你很优秀,但是对不起
- ggplot2分面图形自定义添加回归曲线R值
- 房企数字化面临的转型路径与挑战
- MySQL 全表扫描成本计算
- 基于 yolov5n6 和tkinker实现的检测模型的可视化界面
- 计算2的N次方
- 面试题13. 机器人的运动范围
- 动态开点线段树说明
- LFU 的设计与实现