I'm trying to retrieve responses from four promises, but I currently have to call each function in sequence one after the other. In my code, you can see that I trigger the next function within the promise callback of the previously called function.
However, the current implementation doesn't seem optimal to me, so I'm wondering if there's a better way to achieve this.
Any suggestions on how to improve this?
$scope.createPayment = function() {
var dados = $scope.card;
// Retrieve first promise
PagamentoMP.createToken(dados)
.then(
function(result) {
dados.token = result;
// Retrieve second promise
PagamentoMP.guessPaymentMethod(dados)
.then(
function(result) {
dados.paymentMethod = result;
// Retrieve third promise
PagamentoMP.getIssuers(dados)
.then(
function(result) {
dados.issuer = result;
// Retrieve fourth promise
PagamentoMP.getInstallments(dados)
.then(
function(result) {
dados.installments = result;
},
// Error handling for fourth promise
function(result) {
console.log("getInstallments PAGAMENTOMP -> Failed to get the name, result is " + result);
}
);
},
// Error handling for third promise
function(result) {
console.log("getIssuers PAGAMENTOMP -> Failed to get the name, result is " + result);
});
},
// Error handling for second promise
function(result) {
console.log("guessPaymentMethod PAGAMENTOMP -> Failed to get the name, result is " + result);
});
},
// Error handling for first promise
function(result) {
console.log("createToken PAGAMENTOMP -> Failed to get the name, result is " + result);
});
};