javascript - sincronas - Solicitudes asincrónicas simultáneas en AngularJS que contienen la operación interna

xmlhttprequest javascript

Question

¿Cómo puedo crear 2 solicitudes asíncronas simultáneas en AngularJS que tengan una operación que deba realizarse después de la primera solicitud?

Quiero hacer algo como esto:

• llamar al primer servicio web (recibir x)
• llamar al segundo servicio web (recibir y)
• hacer algo después de recibir una respuesta del primer servicio web (f (x))
• hacer algo después de tener ambos datos (g (x, y))

El siguiente enfoque:

 $q.all({
x: $http.get(''http://resourceX''),
y: $http.get(''http://resourceY'')
}).then(function(results) {
$scope.a = f(results.x.data); // where to place this line ?
$scope.z = g(results.x.data, results.y.data);
});

no es eficiente porque está esperando el recursoY incluso si se recibió el recursoX.

Me gustaría llamar a la función f cuando x está disponible y llamar a la función g cuando x e y están disponibles.

Un pseudo-código para lo que quiero se ve así:

$q.all({
x: $http.get(''http://resourceX''),
y: $http.get(''http://resourceY'')
}).when(x is ready) {
$scope.a = f(results.x.data);
}).then(function(results) {
$scope.z = g(results.x.data, results.y.data);
});

Entonces, quiero tener una mezcla de rendimiento entre $ q.todo el enfoque y

$http.get(''http://resourceX'').success(function(x) {
$scope.a = f(x);
$http.get(''http://resourceY'').succes(function(y){
$scope.z = g(x, y);
});
});

Answer 1

Aquí hay un plnkr que hace lo que está buscando http://plnkr.co/edit/6WER28?p=preview

function getX() {
var deferred = $q.defer();
setTimeout(function() {
deferred.resolve(''X'');
}, 300)
return deferred.promise;
}
function getY() {
var deferred = $q.defer();
setTimeout(function() {
deferred.resolve(''Y'');
}, 500);
return deferred.promise;
}
var promiseX = getX();
var promiseY = getY();
promiseX.then(function(val) {
console.log(''recevied first one :'' + val);
})
$q.all([promiseX, promiseY]).then(function(valuesFromBothInArray) {
console.log(''received both '' + valuesFromBothInArray);
})

Answer 2

Puede separar las llamadas de esta manera:

var promiseX = $http.get(''http://resourceX'');
var promiseY = $http.get(''http://resourceY'');
promiseX.then(function(result {
$scope.a = f(result.data);
});
$q.all({
x: promiseX,
y: promiseY
}).then(function(results) {
$scope.z = g(results.x.data, results.y.data);
});