for循环里嵌套了异步请求如何使它执行完了再执行下面代码

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量1.1k 收藏 1
点赞数
文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40992252/article/details/127986122
版权 
      异步请求：
      async writeCardOne(index,record) {
          const formdata = new FormData();
          formdata.append("cardType","1");
          formdata.append("rfid",record.rfidNo);
          let res = await postActionJson(this.url.writeCard, formdata)
          console.log(index)
          if(res.code==0) {
            this.data[index].ready = '2';
            this.data[index].ready_dictText = '已写';
          }
        },
     for循环：
       async writeLabel() {
          for(let i=0;i<this.data.length;i++){
            await this.writeCardOne(i,this.data[i])
          }
        },

是茜茜啊啊
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
大白话讲解Promise（一）
aigenglong0649的博客
03-11 1万+
去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛 复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？...
Android 实现等待子线程执行完毕后再执行主线程的逻辑
a1784491710的博客
01-11 1万+
今天遇到一个问题，大概是这样子的，有一个类叫RocketChat，里面有登录的逻辑，我需要我的类对象执行完它的登录方法后才继续执行后面的逻辑，我知道有handle的方式，但是想了一下，需要调整许多代码，就想了下面这种骚操作： 主要思路就是，在RocketChat里面设置一个变量，用来标识login方法执行的状态， 1未登录 0登录失败 1登录成功 RocketChat里面的login方法： ...
《JavaScript实例精通》[源代码]
09-21
第1章（\1） 示例描述：变量。 1_1.htm 变量声明。 1_2.htm 局部变量和全局变量。 1_3.htm JavaScript中的强制类型转换。 1_4.htm 在HTML中为JavaScript传递变量。 1_5.htm 在HTML中引用JavaScript的变量。 1_6.htm 比较undefined和"undefined"。 第2章（\2） 示例描述：客户端的流程控制。 2_1.htm 条件判断语句if…else 2_2.htm 多条件判断语句switch。 2_3.htm 嵌套循环语句for。 2_4.htm 循环语句while。 2_5.htm 控制循环过程break和continue。 2_6.htm 利用流程控制语句实现冒泡排序。 第3章（\3） 示例描述：字符串操作。 3_1.htm 连接字符串。 3_2.htm 在字符串中查找指定字符。 3_3.htm 提取字符串中的字串。 3_4.htm 替换字符串中的指定字符。 3_5.htm 将字符串分解为数组。 3_6.htm 字符串大小写的书写和判断。 第4章（\4） 示例描述：数组技术。 4_1.htm 创建空数组。 4_2.htm 创建带初始值的数组。 4_3.htm 将数组转换为字符串。 4_4.htm 遍历数组中的元素。 4_5.htm 合并两个数组。 4_6.htm 创建多维数组。 4_7.htm 数组排序。 第5章（\5） 示例描述：JavaScript快速处理日期时间的操作。 5_1.htm 获取当前日期并显示在HTML页中。 5_2.htm 分别获取当前时间的年月日时分秒。 5_3.htm 时间的水中倒影。 5_4.htm 简单的日历。 5_5.htm 标题栏显示日期。 5_6.htm 标题栏显示时间。 5_7.htm 不同时间的不同问候。 第6章（\6） 示例描述：JavaScript页面处理技巧。 6_1.htm 用JavaScript实现一个页面两份样式表。 6_2.htm 用JavaScript动态更换图像元素中的图像。 6_3.htm 利用搜索引擎引用来高亮页面关键字。 6_4.htm 使用匿名函数为定时器传递参数。 6_5.htm Web页面中的tooltip提示。 6_6.htm 在Web页面中控制其元素的选择状态。 第7章（\7） 示例描述：JavaScript的鼠标事件和键盘事件。 7_1.htm 按钮的鼠标单击事件。 7_2.htm 用鼠标点亮文本。 7_3.htm 渐显图片。 7_4.htm 跟随鼠标的图片。 7_5.htm 跟随鼠标的*。 7_6.htm 跟随鼠标的文字。 7_7.htm 判断Ctrl键是否被按下。 7_8.htm 设置页面中某按钮的热键。 第8章（\8） 示例描述：窗口大小自动化管理。 8_1.htm 按指定要求打开的窗口。 8_2.htm 控制窗口的打开和关闭。 8_3.htm 从天而降的窗口。 8_4.htm 打开慢慢变大的窗口。 8_5.htm 打开一个四面变大的窗口。 8_6.htm 页面左右分开。 8_7.htm 定时打开网页。 8_8.htm 自动打开新的窗口。 第9章（\9） 示例描述：JavaScript结合文字实现特殊页面。 9_1.htm 逐隐逐现的文字特效。 9_2.htm 超酷的文字特效。 9_3.htm 阴影文字的特殊效果。 9_4.htm 彩色文字的特殊效果。 9_5.htm 升降文字的特殊效果。 9_6.htm 打字效果的文字特效。 9_7.htm 淡入淡出的文字效果。 9_8.htm 炽热文字的特殊效果。 第10章（\10） 示例描述：页面中的链接地址个性化。 10_1.htm 按时消失的链接。 10_2.htm 带滚动提示的链接。 10_3.htm 动态变换的链接。 10_4.htm 滚动链接。 10_5.htm 不断闪动的链接。 10_6.htm 在按钮上显示不同的链接。 10_7.htm 带链接的滚动字幕。 第11章（\11） 示例描述：在HTML中用JavaScript控制图像页面。 11_1.htm 不停闪烁的图片。 11_2.htm 图片展示选项。 11_3.htm 图片的渐显播放。 11_4.htm 将图片固定在页面左上角。 11_5.htm 左右移动的图片。 11_6.htm 图像滚动公告版。 11_7.
android实现程序的后台运行
mmdev
04-16 481
改写返回键事件监听，使得back键功能类似home键，让Acitivty退至后台时不被系统销毁，代码如下： public boolean onKeyDown(int keyCode, KeyEvent event) { PackageManager pm = getPackageManager(); ResolveInfo homeInfo = ...
Android实现程序前后台切换效果
weixin_33901926的博客
04-15 346
　　本文演示如何在Android中实现程序前后台切换效果。 　　在介绍程序实现之前，我们先看下Android中Activities和Task的基础知识。 　　我们都知道，一个Activity 可以启动另一个Activity,即使这个Activity是定义在别一个应用程序里的，比如说，想要给用户展示一个地图的信息，现在已经有一个Activity可以做这件事情，那么现在你的Activity需...
android 代码执行顺序,Android代码块执行顺序分析总结
weixin_28881989的博客
05-26 589
本文介绍了Android代码块执行顺序分析总结，分享给大家，具体如下：子类、父类变量，代码块，以及构造方法的加载顺序，是我们在程序开发中时不时遇到的一个问题，也是比较容易混淆的。基础准备：变量： 成员变量(叫类变量、实例变量)和局部变量方法： 成员方法和构造方法代码块：普通代码块、构造代码块、静态代码块、同步代码块测试的父类：public class ParentClass {public sta...
for循环中异步请求问题：循环里面使用异步函数，如何等所有的异步函数都执行完再进行下一步
几百块的博客
02-10 4198
在一个列表循环里，对数据进行赋值，调用接口，循环外后面的代码需等待所有请求执行完成后再去执行。 2. for await…of实现（推荐） 这种方法是es6新语法，其介绍如下：for…of 针对可迭代对象身上的（array, map, set, string, typedarray, argements） 迭代的是对象列表中的值（value） ，一般情况遍历数组for…in 针对对象的属性进行无序遍历，除了symbol类的属性 遍历的是属性，一般情况适用于对象遍历该方法使用起来，相比Promise.all要
for循环中嵌套异步请求问题
wzp6010625的博客
03-25 1万+
先说解决办法：用递归 //for中嵌套异步时，执行顺序会混乱 function forTest(){ for(var i=0; i&lt;10; i++){ (function(j){ setTimeout(function(){ console.log("第"+(j+1)+"次循环"); }, Math.random() * 3000); }(i)); } ...
【vue】for循环里嵌套了异步请求如何使它执行完了再执行下面代码
热门推荐
庭落
05-15 1万+
async updateGood(state) { for (let i = 0; i < this.file.length; i++) { //MVP: await await this.uploadImg(this.file[i]); } console.log(this.oldPhoto.concat(this.imgName)); const res = await updateBasicsProduct({
js 多个定时器_深入理解js事件循环机制（浏览器篇）
weixin_39854730的博客
12-01 313
原文链接：http://lynnelv.github.io/js-event-loop-browser抛在前面的问题：单线程如何做到异步事件循环是怎样的macrotask和microtask是什么，它们有何区别单线程和异步 提到js，就会提到单线程，异步，那么单线程是如何做到异步的呢？概念先行，先要了解单线程和异步之间的关系。 js的任务分为同步和异步两种，它们的处理方式不同，同步任务...
《javaScrip开发技术大全》源代码
04-07
第2章（\代码\第02章） • sample01.htm 将JavaScript代码插入在标签与标签之间 • sample02.htm 将JavaScript代码放在了标签与标签之间 • sample03.htm JavaScript与HTML混合执行 • ...
Windows 系统错误代码简单分析
04-14
Microsoft Windows 系统错误代码简单分析： 　0000 操作已成功完成。 　0001 错误的函数。 　0002 系统找不到指定的文件。 　0003 系统找不到指定的路径。 　0004 系统无法打开文件。 　0005 拒绝访问。...
超实用的jQuery代码段
03-04
8.19 取消AJAX异步请求 第9章 jQuery常用算法 9.1 jQuery遍历算法 9.2 jQuery祖先算法 9.3 jQuery后代算法 9.4 jQuery同胞算法 9.5 jQuery过滤算法 9.6 对一个列表进行排序 9.7 实现JSN对象数组的排序 9.8 将...
SVNetworking:Objective-C 远程资源加载和联网
06-28
SVRequest使用委托而不是完成/失败块——虽然这通常会导致代码略多，但它避免了保留循环、“ weakSelf ”和嵌套的“回调地狱”。 虽然请求类最初是 SVNetworking 的全部，但该库现在的重点是资源加载。远程资源抽象...
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 417
步骤很详细，直接上教程……
vue2---修饰符
weixin_45503872的博客
04-24 1009
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。
vue 实现级联选择器功能
清音的博客
04-22 521
数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象用于指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。
Redux 状态持久化之 redux-persist 使用示例
笔记、经验、日常分享
04-24 305
同vuex一样，redux中的状态会在刷新浏览器后状态又恢复到初始状态，有些数据想在浏览器刷新后仍然是在最新的状态，不会丢失，就需要借助一些插件实现。本文通过 redux-persist 插件来实现Redux状态的持久化。
vue-manage-system 更新，后台管理系统开发更简单
林鑫
04-22 415
近期进行了一次版本升级，主要是支持了更多功能、升级依赖版本和优化样式，并且上线了网站，大部分功能都有文档或者使用示例，更加适合新手上手开发，只需要根据实际业务简单修改，就可以完成产品需求。
嵌套循环请求async await
09-14
嵌套循环请求使用 `async/await` 可以帮助我们在异步操作中处理多个请求的结果。下面是一个示例代码，展示了如何使用 `async/await` 进行嵌套循环请求： ```python import asyncio async def make_request(url): # 发起异步请求 # 假设这里是你发送请求的代码 response = await asyncio.sleep(1) # 这里使用了 asyncio.sleep 来模拟一个异步请求 return f"Response from {url}" async def nested_requests(urls): results = [] for url in urls: response = await make_request(url) results.append(response) return results async def main(): urls = ['https://example.com', 'https://example.org', 'https://example.net'] results = await nested_requests(urls) print(results) asyncio.run(main()) ``` 在上面的示例中，`make_request` 函数用来模拟异步请求，并返回一个带有 URL 的字符串。`nested_requests` 函数接收一个 URL 列表，使用 `for` 循环遍历每个 URL，并使用 `await` 关键字等待 `make_request` 函数的结果。最后，`main` 函数调用 `nested_requests` 并打印结果。 请注意，此示例使用了 Python 的 `asyncio` 库来管理异步任务。你也可以使用其他异步框架或库来实现类似的功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值