Estoy tratando de llenar mi $scope.results = [] secuencialmente mediante múltiples llamadas API secuenciales. secuencial es importante ya que estoy pasando un inicio y un número límite (algo así como paginación). Hay una razón por la que no puedo hacer esto en 1 llamada y necesito dividirme en varias llamadas ya que el tiempo de espera de la puerta de enlace API se agota después de 30 segundos.
Mi problema está en el ciclo for, no funciona secuencialmente. Dentro de la matriz, todas las solicitudes de red parecen tener los mismos valores de start y no se envían secuencialmente. Tampoco puedo usar async/await . ¿Hay alguna manera de ejecutar las llamadas API secuencialmente y agregar el resultado a la matriz de results ? Mi objetivo final es llenar la matriz como sucedió en una sola llamada API pero con múltiples llamadas
$scope.detailedReportOfAll = function () { $scope.start = 0; $scope.limit = 15; $scope.results = []; var requestCount = 1; APIService.getDetailedReportData($scope.start,$scope.limit).then( function ({result,nbPages}) { if (result.length){ $scope.results = $scope.results.concat(result); requestCount ++; $scope.start += $scope.limit; } if (requestCount < nbPages){ //I'm running the loop for (nbPages - 1) times for (i=2; i<nbPages; i++){ APIService.getDetailedReportData($scope.start,$scope.limit).then( function ({result,nbPages}) { if (result.length){ $scope.results = $scope.results.concat(result); requestCount ++; console.log($scope.results, requestCount) $scope.start += $scope.limit; } }) } } } ); };esta es mi función de llamada http. devuelve una promesa
var getDetailedReportData= function (start, limit) { $rootScope.isLoading = true; var deferred = $q.defer(); $http .get(rootURL('/getAllReports/'+start+'/'+limit)) .success(function (response) { deferred.resolve(response); }) .catch(function (err) { deferred.reject(err); }) .finally(function () { $rootScope.isLoading = false; }); return deferred.promise; };La ayuda es muy apreciada
Si desea ejecutarlos en serie, debe activar la función asíncrona n cuando sepa que la función asíncrona n-1 ha finalizado; es decir then en la devolución de llamada. Es probable que llamar a una función de forma recursiva sea la forma más fácil de hacerlo si ha rechazado async y await .
function somethingAsync(value) { return new Promise(res => setTimeout(res, 500, value * value)); } function processInputInSeries(input) { function processNext(index, input, results) { if (index >= input.length) return results; return somethingAsync(input[index]).then(function (result) { return processNext(index + 1, input, [...results, result]); }); } return processNext(0, input, []); } const resultPromise = processInputInSeries([1,2,3]); resultPromise.then(function(results) { console.log(results) }); A modo de comparación, async / await es mucho más claro:
function somethingAsync(value) { return new Promise(res => setTimeout(res, 500, value * value)); } async function processInputInSeries(input) { let results = []; for (let i = 0; i < input.length; i++) { const result = await somethingAsync(input[i]); results = [...results, result]; } return results; } const resultPromise = processInputInSeries([1,2,3]); resultPromise.then(function(results) { console.log(results) });Recomendaría escribirlo de esa manera incluso si termina usando Babel para transpilar su JS para que sea compatible con sistemas obsoletos.