js promise多个接口调用

最新推荐文章于 2024-08-19 16:57:11 发布

咸鱼起码是条鱼

最新推荐文章于 2024-08-19 16:57:11 发布

阅读量586

点赞数 6

分类专栏： Js 文章标签： javascript

本文链接：https://blog.csdn.net/qq_44063746/article/details/136208373

版权

Js 专栏收录该内容

25 篇文章 2 订阅

订阅专栏

文章介绍了在JavaScript中如何使用Promise和Ajax进行异步接口请求，并通过Promise.all确保两个接口完成后执行后续操作，强调了回调函数在处理异步流程中的作用。

摘要由CSDN通过智能技术生成

需求:需要等两个接口请求完再执行其他操作

let p1 = new Promise((resolve,reject)=>{
  this.getDetail(arg=>{
    resolve(arg)
  })
})
let p2 = new Promise((resolve,reject)=>{
  this.getList(arg=>{
    resolve(arg)
  })
})
Promise.all([p1,p2]).then(res=>{
  //此时是上面的接口调取完成后再执行的代码部分
  //此时可以对多组返回数据进行处理
})

getDetail(callBack){
	$.ajax({
		url:xxx,
		type:'get',
		data:xxx,
		success:res=>{
			//接口调取成功
		},
		complete:()=>{
			//接口调取完成
			callBack && callBack(true)
		}
	})
}
getList(callBack){
	$.ajax({
		url:xxx,
		type:'get',
		data:xxx,
		success:res=>{
			//接口调取成功
		},
		complete:()=>{
			//接口调取完成
			callBack && callBack(true)
		}
	})
}