Requêtes Asynchrones affichage résultat

Version imprimable

Bonjour,

voici mon soucis.

Dans une boucle je fais une requête ajax me retournant une valeur que je veux afficher dans un bout de code html.
Le problème c'est que à l'affichage le html de tous mes éléments va prendre le dernier résultat de la requete et non pas le résultat de la requete correspondant à l'itération de la boucle. C'est tout à fait normal en l'état; mais je n'ai aucune idée de comment contourner ce problème.

Voici le code simplifié.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$.each(missions, function(key,mission){
					$scope.emptyMissions = false;
 
                    $scope.posDate="Calcul en cours";
                    $http({
                        method : "POST",
                        url : "getDatesBasket",
                        data:   {"mission":mission},
                        async:false
                    }).then(function successCallback(response) {
                        $scope.posDate=response['data'];
                    },function errorCallback(response) {
                        $scope.posDate="ERREUR DATE";
                    });
 
 
	var infoContent = <div ng-controller="missionCtrl"> <p ng-bind-html="posDate"></p></div>;

Merci pour votre aide !

Bonjour,
il ne te faut pas réinitialiser ta variable mais concaténer les résultats.
Code:

1 2 3 4 5 6 7 8 var result_1 = ''; var result_2 = ''; for (var i = 0; i < 10; i += 1) { result_1 = i; result_2 += i; } console.log('result_1 : ', result_1); console.log('result_2 : ', result_2);

03/07/2017, 17h28
Amnael

J'ai contourné le problème en générant l'ensemble de la div après la requête à chaque fois, c'est pas très propre et ça prends plus de temps :(

Si j'ai le temps je tenterais d'améliorer en appliquant ta méthode.

Merci beaucoup.