如何在多个接口请求成功后才调用方法

Question

需求的问题是现在要a方法调用a接口，获得a接口的数据，再调用方法b，获得b接口的数据，再用a,b接口的数据，作为参数用c方法调取c接口，这里存在a接口与b接口调用时间的未知，请问如何单线的调用完整，这里并不想作为接口调取成功的回调函数反复回调

Answer 1

const [a, b] = await Promise.all([getA(), getB()]);
const c = await getC(a, b);

Answer 2

Promise.all(func1(),func2()).then(res=>{
doSomething()
})

Answer 3

在c方法中添加if判断

Answer 4

用promise异步就可以了啊

Answer 5

watch到接口数据后才执行方法

Answer 6

axios.all

Answer 7

使用ES7新特性
syanc await轻松解决

通过babel转换即可

So ez

Answer 8

说一个比较原始的方法，定时器。用jQuery实现一下

var time = 0;
var dataA = {};
var dataB = {};
// a接口
function funca() {
    $.ajax({
        ...
        success: function(data) {
            dataA = data
            time ++
            if (time === 1) {
                func();
            }
        }
    })
}

// b接口
function funcb() {
    $.ajax({
        ...
        success: function(data) {
            dataB = data
            time ++
            if (time === 1) {
                func();
            }
        }
    })
}

// c接口
function func() {
    $.ajax({
        data: {
            data1: dataA,
            data2: dataB
        },
        success: function(data){
            console.log(data)
        }
    })
}

Answer 9

func1(){
    httpxxxxxx.then(data=>resolve(data)).catch(reject(data))
}
func2(){
    httpxxxxxx.then(data=>resolve(data)).catch(reject(data))
}
funAll(){
    Promise.all(func1(),func2()).then(res=>{
        data1=res[0]
        data2=res[1]
        dosomething()
    })
}