vue中异步请求改为同步请求、vue中使请求同步、vue中方法(函数)添加async后在其他方法(函数)中怎么调用

本文探讨了如何将原有异步方法改为同步,并通过实例展示如何在调用过程中适当地使用await。重点在于理解同步与异步在JavaScript中的应用,以及如何优雅地组织回调链路以提高代码可读性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 将方法改为同步

            // 方法上添加 async
			async test(){
				let that = this;
				var formData = new FormData();
				formData.append("id","1")
				var ok = false;
				// 请求接口前添加 await
				await getAllDataById(formData).then(res =>{
					if(res.data != null){
						ok = res.data.ok
						// 可以从这终止方法继续向下执行
						// return;
					}
				}).catch(err =>{
					console.log(err)
				})
				// 当上个请求返回数据后在执行这个请求
				if(ok){
					await getAllDataById(formData).then(res =>{
						if(res.data != null){
							// 操作
							return true;
						}
					}).catch(err =>{
						console.log(err)
					})
				}
				return false;
			}

在其他方法中调用添加async的方法


			aaa() {
				// 调用 test()方法 res 为方法的返回值
				this.test().then(res => {
					alert(res)
				})
			},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值