前端实现多次调用同一个接口,所有数据均成功返回后,才可继续执行下面的代码
-
封装请求数据方法
getData(param) { return new Promise((resolve, reject) => { this.$axios .get(`/xx/xx/xxpath/${param}`) .then(res => { let content = res.data resolve(content) }) }) } -
收集所有请求结果
let promiseList = [] list.forEach(item => { promiseList.push(this.getPhotoData(item)) }) Promise.all(promiseList).then(value => { console.log(value) //...下一步其他操作 })
前端批量API调用实战
本文介绍了一种在前端开发中实现多次调用同一接口并等待所有数据返回后再执行后续操作的方法。通过封装请求数据方法并利用Promise.all收集所有请求结果,确保数据完整加载。
1617

被折叠的 条评论
为什么被折叠?



