IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Angular Discussion :

Récupérer des données d'un API


Sujet :

Angular

  1. #1
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2022
    Messages
    51
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : France, Val d'Oise (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2022
    Messages : 51
    Par défaut Récupérer des données d'un API
    Bonjour,

    J'ai besoin d'aide ! Quand je fais un console.log("dataApi"), je récupère bien les données mais dès que je précise qu'une donnée console.log("dataApi.name") il m'indique undifined.
    Je ne comprend pas pourquoi.

    Je vous montre donc mon code, en espérant qu'une personne un peu plus expérimenté que moi pourra me donner une bonne piste.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    alternativeProducts(categories:any) {
        this.http.get('http://127.0.0.1:8001/api/products/liste/'+ categories)
        .subscribe((dataApi:any) =>{
          console.log(dataApi);
        })
      }
    Nom : Capture d’écran 2022-08-02 à 10.20.34.png
Affichages : 787
Taille : 354,4 KoNom : Capture d’écran 2022-08-02 à 10.21.02.png
Affichages : 746
Taille : 340,9 Ko

  2. #2
    Membre Expert
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 494
    Détails du profil
    Informations personnelles :
    Âge : 55
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 494
    Par défaut
    salut,

    ta variable dataApi est un tableau et non un object essaye console.log(dataApi[0])
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

  3. #3
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2022
    Messages
    51
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : France, Val d'Oise (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2022
    Messages : 51
    Par défaut
    Oui ça fonctionne, je venais juste de l'essayer mais du coup comment je peux faire pour récupèrer tout les name car je les veux tous et pas qu'un seul.

    Merci

  4. #4
    Membre Expert
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 494
    Détails du profil
    Informations personnelles :
    Âge : 55
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 494
    Par défaut
    un "blouclage" classique d'un tableau ...

    Code javacript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    dataApi.forEach(data => {
    console.log(data.name);
    });
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

  5. #5
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2022
    Messages
    51
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : France, Val d'Oise (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2022
    Messages : 51
    Par défaut
    Ce n'est pas possible car subscribe n'accepte pas forEach.
    Enfin c'est ce que ça me dit quand j'essaye de faire cela.

    Peut-être que je m'y prend mal.

  6. #6
    Membre Expert
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 494
    Détails du profil
    Informations personnelles :
    Âge : 55
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 494
    Par défaut
    ton probleme etait la variable dataApi...
    perso, je ne connais pas subscribe... c'est un code custom (ou tire d'une lib)... a toi d'aller voir la doc
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

  7. #7
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2022
    Messages
    51
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : France, Val d'Oise (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2022
    Messages : 51
    Par défaut Récupérer données API - faire une boucle pour récupérer les données d'un tableau
    Bonjours,

    J'ai besoin d'aide car j'arrive à récupérer les données d'un API qui est retourné en array mais je veux récupérer des données précises de ce tableau. J'ai essayé un forEach mais cela ne fonctionne pas dans le subscribe. Je n'arrive qu'a récupérer juste le name de l'index sélectionné.
    J'ai besoin d'aide pour récupérer tout les name de se tableau.

    Cette partie de code me récupère le tableau renvoyé par l'API:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    alternativeProducts(categories:any) {
        this.http.get('http://127.0.0.1:8001/api/products/liste/'+ categories)
        .subscribe((dataApi:any) =>{
          console.log(dataApi);
        })
      }
    Nom : Capture d’écran 2022-08-02 à 15.22.00.png
Affichages : 728
Taille : 411,9 Ko

    Merci d'avance

  8. #8
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2020
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Aéronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : Mai 2020
    Messages : 11
    Par défaut
    Salut, avec la fonction map :
    Ca te retourne un tableau contenant tous tes noms.
    Bonne journée

  9. #9
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2022
    Messages
    51
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : France, Val d'Oise (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2022
    Messages : 51
    Par défaut
    Salut Aiveriwhair,

    Merci beaucoup pour ton aide c'est exactement ce qu'il me fallait.

    Bien cordialement,

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Récupèrer des données d'une API avec Retool et JS
    Par smvezoo dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 17/05/2022, 16h08
  2. Réponses: 12
    Dernier message: 29/05/2021, 12h35
  3. [XL-2016] Récupérer des données sur le web avec une API GET
    Par GroFlo dans le forum Excel
    Réponses: 0
    Dernier message: 06/05/2019, 22h49
  4. Réponses: 15
    Dernier message: 07/03/2019, 13h42
  5. Réponses: 4
    Dernier message: 24/04/2015, 12h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo