vue 中请求完接口成功以后在请求另一个接口

Posted 2021-09-16 俊哥

相信大家在工作中一定会遇到这种情况，在请求一个接口成功以后在调用另一个接口，这个时候如果按照常规的写法来写的话，在接口成功以后的回调里写另一个接口的请求方法，这样就会出现一种情况，第一个接口还没有返回成功就会调用第二个接口，这是因为ajax是异步请求的原因，那么就需要用到es6的语法了，以下是实例希望对大家有所帮助

getList(){
    axios.get(\'api/getData.php\',{       // 还可以直接把参数拼接在url后边
        params:{
            title:\'眼镜\'
        }
    }).then(function(res){
         this.getOtherList;
    }).catch(function (error) {
        console.log(error);
    });
}

//业务
next(){
    this.getOtherList().then(() =>{
        this.getList()
    })    
}

getOtherList(){
    return axios.get(\'api/getOtherData.php\',{       
        params:{
            title:\'眼镜\'
        }
    }).then(function(res){
        console.log(res.data.data)
    }).catch(function (error) {
        console.log(error);
    });
}

getOtherList方法调用接口成功以后在调用getList的接口