JS中for循环实现异步方法同步执行调用接口，判断执行完

需求：点击保存的时候使用for循环批量调用新增接口。要求必须是同步插入，不能异步插入。

1. 下面是新增页面

2. 可以看请求，确实是同步执行3次结果。

3. 代码（核心）

// 保存按钮
async saveToolClick() {
	this.loading = true;
	for (let i = 0; i < this.defaultTableToolData.length; i++) {
	    this.addToolForm.toolName = this.defaultTableToolData[i].name;
	    this.addToolForm.toolCount = this.defaultTableToolData[i].inCount;
	    await Iams.addEmployeeTool(this.addToolForm).then(res => {
	    	// 判断i的大小和数组的大小如果相同，等是最后一次执行
	        if (i == this.defaultTableToolData.length - 1) {
	            this.loading = false;
	            this.$message.success("默认工具数量添加成功");
	        }
	    }).catch(err => {
	        this.$message.warning("工具添加出错" + err);
	    })
	}
    this.goodsDialogVisible = false;
},

最后

以上就是昏睡小海豚为你收集整理的JS中for循环实现异步方法同步执行调用接口，判断执行完的全部内容，希望文章能够帮你解决JS中for循环实现异步方法同步执行调用接口，判断执行完所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。