Javascript Girl
  1. Javascript Girl
  3. Comment obtenir les multiples résultats de la demande HTTP dans mon exemple?
Intereting Posts
Node.js créer un dossier ou utiliser existant Comment donner un bloc bloqué en tant que FormData un nom de fichier? Téléchargement de fichier avec Twitter Bootstrap, C #, asp.net et javascript Comment télécharger un fichier en utilisant un client de repos pour le nœud Revenez la chaîne de promesses et appelez une fonction en fonction de l'étape de la chaîne où elle est brisée (rejetée) Dans JavaScript, comment puis-je configurer rgba sans spécifier le rgb? Javascript regex suspend (en utilisant v8) Un modèle de conception javascript pour les options avec des valeurs par défaut? ThreeJS désactive le rendu des visages derrière l'appareil photo Comment puis-je écrire cela comme une déclaration d'importation es6? Jquery Noobish Aide: Img OnClick Angularjs: modèle de directive translucide Un moyen correct d'utiliser onbreforeunload? La clé de l'API V3 de Google Maps est invalide – mais ma clé de développement personnel fonctionne Comment puis-je inclure une bibliothèque javascript avec angular 2?

Comment obtenir les multiples résultats de la demande HTTP dans mon exemple?

J'essaie de faire une requête HTTP et de placer le résultat renvoyé dans mon tableau.

J'ai quelque chose comme

Ctrl 

for (var i=0; i < numOfProduct.length; i++) { productFactory.makeRequest(numOfProduct[i].id) .then(function(data) { console.log(i) //always output 10 which is my numOfProduct.length numOfProduct[i].push({detail: data}); //i got Cannot read property 'push' of undefined error }) $scope.numOfProduct = numOfProduct; }

ProductFactory 

 service.makeRequest = function(id) { return $http.get('/api/product/get' + id); } return service;

Mon objectif est de pousser un résultat de demande http dans chacun des éléments numOfProduct comme objet. Cependant, je ne peux pas sembler le faire avec les codes de demande http que j'ai. Quelqu'un peut-il m'aider à ce sujet? Merci beaucoup!

Vous avez deux problèmes avec ce qui précède:

1 est un problème de rappel commun où vous liez une référence à i mais pas à la valeur de i . Ainsi, au moment où votre rappel sera appelé, la boucle aura terminé et i serai 10 dans tous les rappels que vous avez liés.

Une façon de résoudre ce problème consiste à forcer l'évaluation de i par un appel de fonction: 

 function makeCallback(productId) { productFactory.makeRequest(productId) .then(function(data) { console.log(i) return ({detail: data}); }); }

Le deuxième problème est que vous appelez .push sur une valeur spécifique dans le tableau numOfProduct au lieu d'un tableau réel. (Sauf si cette valeur spécifique est un tableau, je suppose que ce n'est pas parce que vous appelez .id sur la valeur)

Essayez ceci à la place: 

 function makeCallback(productId) { productFactory.makeRequest(productId) .then(function(data) { console.log(i) return ({detail: data}); }) } var array = []; for (var i=0; i < numOfProduct.length; i++) { array.push(makeCallback(numOfProduct[i].id)); } $scope.numOfProduct = array;

Si chaque boucle est exécutée de manière asynchrone, je suggère d'utiliser la bibliothèque populaire asynchrone . Faites-moi savoir si vous avez besoin d'aide pour configurer ceci.