小程序循环请求导致列表不正常

最新推荐文章于 2024-04-26 22:20:30 发布
最新推荐文章于 2024-04-26 22:20:30 发布
阅读量545 收藏
点赞数 1
文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kf_loseHair/article/details/104672066
版权

最近在做小程序直播开发，再接入商城的时候，发现商品数据 老是乱，但是我检查下数组排序是正确的，问题原因，因为使用的小程序的request请求，是异步的，所以导致第二条数据 比 第一条数据 来的快 就会导致第二条数据跑到了第一个位置

解决方案： 再for循环中 不使用小程序的request 请求，讲request请求封装成promise然后 用async与 await进行修饰，这样就不会再乱了

岳增亮
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端在遍历对象时遍历出来的键的顺序不正确问题处理
vet_then_what的博客
06-30 783
在uniapp开发小程序的时候，后端有时候给的数据是这样的顺序给好的这样的键值对： 但是使用for…in…循环遍历这个对象，并打印其key值，在uniapp开发小程序可能会出现最终访问的顺序和接口给的顺序不一致的情况，就像下面这样：这个问题在web端并没有遇到过，只是在使用开发小程序时处理接口给的数据时出现过这个问题导致了bug。使用uniapp开发小程序坑太多，所以具体原因并不想深究，这里只说一下处理办法: 上面的方法，就是将map的key值重新拿出来排个序，再遍历排好序的key值，将原map对象对应的v
【vue】v-for循环样式乱
SZnAl的博客
03-02 1033
vue中，使用v-for进行后端数据向前台渲染时，排好的版面错乱 原因：在li上使用v-for，而非ul <ul> <li v-for="(v,i) in data" :key="i"> <img src="../../assets/everyday1.jpg" alt="" /> <p>{{v.title}}</p> <p>{{v.price}}</p> </li&
微信小程序使用promise异步转同步，for循环里面请求赋值因为异步导致赋值错乱的解决
clsld的博客
01-26 1412
遇到问题 首先简述一下自己在开发是遇到的问题（下图已清晰描述）: 解决问题 如果有用的话，不如一键三连，嘿嘿 既然知道了问题的出现的原因所在，那么就寻找解决问题的办法，在网上搜索了之后看到了下面的这篇文章帮助了我解决了我的问题。 文章链接：博主pig-weiwei的文章：微信小程序 异步转同步，promise，for循环加request异步解决方案 自己也通过这篇文章对promise进行了学习和对代码进行了改进（发现自己原来不会的这么多hhhh），下面是对代码的改进，主要改变在getQuestion函数，
微信小程序中的异步操作，在回调函数中进行push之后，结果顺序混乱问题
harry_yaya的博客
03-14 3631
在小程序里面， 自己写了一个函数 ，要求是将后台获取来的数据一个个存起来， 然后按顺序在购物车列表中显示出来。 我使用的push对数据进行叠加存起来。但是实际使用的时候发现，数据push进去并无顺序可言，这是怎么回事？ 如上图，其中res.data中的数据顺序是正确的，那么我按照下标去访问的话，出来的结果也是对应顺序的。然后使用了push之后，显示的结果为如下，刷新会出现不同的排序结果： pu...
小程序条件逻辑遇不显示
ghuiai17的博客
01-19 331
&lt;view wx:if="{{page == 'ChromeIE' }}" class="navigator-text"&gt;浏览器&lt;/view&gt; &lt;view wx:elif="{{page == 'tonghuashun'}}" class="navigator-text" &gt;同花顺&lt;/view&gt; &lt;
uniapp for循环request请求内容顺序混乱
ITscholarlord的博客
10-19 1707
uniapp for循环request请求内容顺序混乱 运用递归方法,话不多说,直接上代码 // 直接for循环去掉,直接在request请求里递归循环 onLoad() { //this.index 默认0; //array 这是我自己传的数组 this.requestClassNum(this.index,array); }, requestClassNum(i,array) { uni.request({ url: this.$baseUrl + 'S
微信小程序 同步请求授权的详解
12-10
然而，微信小程序的`wx.authorize`接口是异步的，这导致了在一次性请求多个权限时可能会出现顺序混乱的问题。本文将深入探讨如何优雅地解决这个问题，实现同步请求授权。 首先，我们要明确微信小程序的授权机制。`...
微信小程序实现无限滚动列表
10-17
在微信小程序中，实现无限滚动列表是一种常见的需求，主要用于展示大量数据，如商品列表、用户信息等。这种滚动效果能够给用户带来流畅的浏览体验，同时也优化了性能，避免一次性加载过多数据导致页面卡顿。以下是...
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
10-17
在微信小程序的开发过程中，与服务器的交互是必不可少的，其中`wx.request`是关键的网络请求接口。本文将深入探讨如何使用`wx.request`来请求服务器上的JSON数据，并将其渲染到微信小程序的WXML页面。 首先，`wx....
微信小程序源码-仿12306
最新发布
05-30
微信小程序提供了自定义组件（Component）、网络请求（API如wx.request）、页面跳转（wx.navigateTo）等接口，开发者可以通过编写JS文件来调用这些功能。 5. **JSON配置文件**：每个页面都有对应的json配置文件，...
一分钟解决微信小程序在循环或者setInterval中渲染（this.setData）出错问题
冲冲冲
09-25 1809
大家好，我又来给大家安利让大家头痛的问题解决办法啦。最近发现很多新手或者对微信小程序源码理解不深的小可爱们会遇到在this.setData渲染时出现错误的问题，怎么都解决不了，明明代码都对的。或不多说干货奉上。 当你的代码是： var name = "huangzu98"; for(let i=0;i<this.data.array.length;i++){ if(if(this.data.array[i].name != name){ this.setData({ array
小程序for循环位置摆放导致样式出错的坑
wahYip的博客
06-06 2151
样式:.teacher-list-container { width: 100%; height: 140rpx; display: flex; flex-direction: row; background: lightcyan;}.teacher-item-container { width: 150rpx; height: 140rpx; display: flex; ba...
使用小程序中for循坏发现的问题
流水日常，不做大论
07-16 1079
wx:for 某次使用wx:for过程中 命名后台返回来的是5，发现只渲染了1次…… wx:for='{{personInfo.groups}}'//发现返回的groups为'5'，字符串类型 wx:for='{{personInfo.groups-0}}'//与数字类型进行运算结果为数字类型，或者后台更改...
循环无法同步请求数据，顺序错乱问题
SAG1027的博客
02-17 551
循环无法同步请求数据，返回时间不同造成push()顺序错乱问题
解决请求数据顺序混乱的问题小程序
weixin_43831302的博客
08-19 1860
封装一个排序函数用sort() compare:function (property) { return function (a, b) { var value1 = a[property]; var value2 = b[property]; return value1 - value2; } }, 调用 res.sort(that.compare(“id”)); 请求到的数据例如以下 var ...
【微信小程序 I 云开发】云数据库返回的顺序不一致的问题
ghuiai17的博客
02-12 2084
for (let j = 0, len = res.data.kjjList.length; j &lt; len; ++j) { db.collection(res.data.softName).where({ _id: res.data.kjjList[j] }).get({ success(r...
微信小程序for循环遍历数组遍历不全的解决办法
weixin_42017221的博客
02-08 547
文件做wx:for循环遍历数组时，数组含八个元素，循环次数却只有五次，从下面代码看。理论上能将数组完全遍历，效果上却执行五次，并没有将数组遍历。另外我发现原作者没加{{}}
微信小程序for循环示例（JavaScript）
weixin_45465881的博客
04-26 2298
在微信小程序开发中，我们最常用的循环方式就是for和foreach，接下来我就浅浅的将自己的写的一小段示例代码分享给大家。其实我个人感觉最好用的还是第一种，第二种或者其他的循环方式，用的较为少，具体还是要看实际应用中的操作吧！从这个代码中，可以看出for循环支持break，当然也支持continue。
vue 里 for循环中有异步操作导致数据错乱的问题
良人非良
05-21 2859
经常会遇到for循环里有异步操作， 然后数据不对就会很头大 Func () { let tempArr = [] for (let i = 0; i < 10; i++) { if (i % 2 == 0) { tempArr.push(i + 10) } else { // setTimeout 模拟遇到的异步操作 setTimeout(() => { tempArr.push(i) }, 1)
uniapp小程序 ，真机上卡顿
03-29
1. 程序逻辑问题：代码存在死循环、递归等问题，导致程序卡顿。 2. 渲染性能问题：页面元素过多、图片过大或过多、布局复杂等原因导致页面渲染速度变慢。 3. 网络请求问题：网络请求过于频繁或者请求数据量过大，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值