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

VueJS Discussion :

Vuejs et API Rest comment afficher le résultat sur une table ou autre.


Sujet :

VueJS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juin 2010
    Messages
    192
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Algérie

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Service public

    Informations forums :
    Inscription : Juin 2010
    Messages : 192
    Par défaut Vuejs et API Rest comment afficher le résultat sur une table ou autre.
    Bonjour tout le mode, j'ai un problème avec une API Rest que je dois afficher sur une Data-Table ou autre la structure de l'API dans l'image suivante :

    Nom : Sans titre.png
Affichages : 1075
Taille : 55,4 Ko

    Et voici un bout de code que j'ai écrit pour charger et afficher le résultat de cette API, merci à tous les développeurs.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    axios.get('/TServerMethods1/Employees').then(response => {
            this.listesdesAdherent = response.data
            console.log(response.results[0])

  2. #2
    Membre Expert
    Avatar de gwyohm
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2007
    Messages
    925
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2007
    Messages : 925
    Par défaut
    salut,

    tu récupères
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    this.listesdesAdherent = response.data
    puis tu log
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    console.log(response.results[0])
    dans ta capture, on voir employees qui est un tableau. ce ne serait pas plutôt ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    const { data: { employees = [] } = {} } = response;
    this.listesdesAdherent = employees;

  3. #3
    Membre confirmé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juin 2010
    Messages
    192
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Algérie

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Service public

    Informations forums :
    Inscription : Juin 2010
    Messages : 192
    Par défaut
    Salut et merci pour votre réponse, je viens de mettre const { data: { employees = [] } = {} } = response, après la déclaration de axios et this.listesdesAdherent = employees après la réponse de axios.get mais j'ai cette erreur:
    63:43 error 'response' is not defined no-undef

  4. #4
    Membre confirmé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juin 2010
    Messages
    192
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Algérie

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Service public

    Informations forums :
    Inscription : Juin 2010
    Messages : 192
    Par défaut
    Voila je corrige mon dernier poste, et ce que fait et:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    axios.get('/TServerMethods1/Employees').then(response => {
            const { data: { employees = [] } = {} } = response
            this.listesdesAdherent = employees
            console.log(employees)
    mais ça n'a pas donnée de resultat attendu, je n'arrive toujours pas afficher mes données sur la template ou Data-Table

    voici l'erreur :
    Nom : response.png
Affichages : 1006
Taille : 13,1 Ko

    Merci pour votre aide.

  5. #5
    Membre Expert
    Avatar de gwyohm
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2007
    Messages
    925
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2007
    Messages : 925
    Par défaut
    ce n'est pas une erreur, c'est le log...
    mais mettre ton résultat dans une variable comme ca c'est louche... tu mets ton composant en entier ?
    Tu devrais avoir un seState plutôt...

  6. #6
    Membre confirmé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juin 2010
    Messages
    192
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Algérie

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Service public

    Informations forums :
    Inscription : Juin 2010
    Messages : 192
    Par défaut
    seState dans le log ou quoi?

Discussions similaires

  1. Réponses: 0
    Dernier message: 08/04/2009, 01h55
  2. Comment afficher le résultat d'une URL image ?
    Par Nicolas Coolman dans le forum Débuter
    Réponses: 11
    Dernier message: 05/04/2009, 22h02
  3. Réponses: 11
    Dernier message: 14/10/2008, 10h21
  4. Réponses: 13
    Dernier message: 26/07/2007, 08h50
  5. Réponses: 11
    Dernier message: 20/06/2006, 11h10

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