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

NodeJS Discussion :

Afficher une donnée json api dans html via wrapper


Sujet :

NodeJS

  1. #1
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    juin 2022
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ain (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : juin 2022
    Messages : 19
    Points : 12
    Points
    12
    Par défaut Afficher une donnée json api dans html via wrapper
    Bonjour,

    J'utilise un wrapper pour récupérer d'une api un json qui s'affiche bien dans ma console avec la commande node nomdufichier.js

    J'arrive à isoler juste la donnée à afficher en console

    Que dois je faire concrètement pour afficher cette donnée dans une page html?


    Dans HTML j'ai essayé cela:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <body><script src="test.js"></script>
    <div> La somme = <span id="sum"></span><div><body>

    Dans le fichier js, cela dans ma fonction:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var somme= contenuàafficher
    document.getElementById("sum").innerHTML=somme;
    Mai j'ai l'erreur ReferenceError: document is not defined

    Merci d'avance

  2. #2
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    juin 2022
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ain (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : juin 2022
    Messages : 19
    Points : 12
    Points
    12
    Par défaut
    Erreur de recopiage dans html </div></body> et <script></script> en dessous
    Mais si ça ne marche pas ça vient peut être que sur l'api c'est noté:

    vous aurez besoin d'un serveur Web pour récupérer les données de l'API et héberger votre application. L'API applique ces restrictions et le dépassement des limites entraînera l'échec des appels d'API.

  3. #3
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    juin 2003
    Messages
    8 906
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juin 2003
    Messages : 8 906
    Points : 13 730
    Points
    13 730
    Par défaut
    à l'endroit où vous avez marquez "var somme=...", c'est là que vous arrivez à afficher dans la console la valeur recherchée ?

  4. #4
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    juin 2022
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ain (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : juin 2022
    Messages : 19
    Points : 12
    Points
    12
    Par défaut
    Comme cela:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    api.getInfo("#9JV9GGC0")
    .then((info) => {      
      console.log(info)
      var somme=info
     document.getElementById("sum").innerHTML=somme;
    return somme
    })
    .catch((err) => {
      console.log(err)
    })

  5. #5
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    juin 2003
    Messages
    8 906
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juin 2003
    Messages : 8 906
    Points : 13 730
    Points
    13 730
    Par défaut
    j'ai l'impression que vous mélangez le code coté client (le javascript traditionnel) et le code coté serveur (nodejs).
    qu'est ce que vous avez actuellement comme code nodejs qui génère du code html ?

  6. #6
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    juin 2022
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ain (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : juin 2022
    Messages : 19
    Points : 12
    Points
    12
    Par défaut
    Cela:

    https://devstory.net/11931/tutoriel-...-pour-debutant

    J'ai un site html bootstrap que je veux mettre à la place du homePage.ejs avec les données que je reçois de l'api

  7. #7
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    juin 2022
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ain (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : juin 2022
    Messages : 19
    Points : 12
    Points
    12
    Par défaut
    J'ai essayé aussi de récupérer les données avec ça généré par postman:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    var settings = {
                  "url": "LienApiIci",
                  "method": "GET",
                  "timeout": 0,
                  "headers": {
                    "Authorization": "Bearer TokenIci"
                  },
                };
     
                (function () {
                  $.ajax(settings).done(function (response) {
                    $('#monitor_data').append(JSON.stringify(response));
                    console.log(response);
                  });
                });

  8. #8
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    juin 2003
    Messages
    8 906
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juin 2003
    Messages : 8 906
    Points : 13 730
    Points
    13 730
    Par défaut
    pour l'afficher avec nodejs, vous n'avez pas besoin de javascript côté client.

    dans le fichier ejs, vous faites par exemple cela :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <body>
    	<div>
    		La somme = <%= valeur_somme %>
    	</div>
    <body>
    et ensuite dans le code qui génère la page, vous faites cela :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    app.get("/", function (request, response) {
     
     
    	api
    	.getInfo("#9JV9GGC0")
    	.then((info) => {
     
    		console.log(info)
     
    		response.render("homePage", {"valeur_somme" : info});
     
    	}).catch((err) => {
    		console.log(err)
    	});
     
     
    });

  9. #9
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    juin 2022
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ain (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : juin 2022
    Messages : 19
    Points : 12
    Points
    12
    Par défaut
    Dans mon fichier ejs "<" est en rouge pourtant ça l'air correct.

    La somme = <%= valeur_somme %>


    J'ai le message valeur_somme is not defined

  10. #10
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    juin 2022
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ain (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : juin 2022
    Messages : 19
    Points : 12
    Points
    12
    Par défaut
    fait en php avec xampp finalement

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

Discussions similaires

  1. Réponses: 3
    Dernier message: 20/07/2009, 11h15
  2. Réponses: 0
    Dernier message: 04/05/2008, 23h12
  3. Afficher une donnée dans une msgbox
    Par baggie dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 17/11/2007, 17h46
  4. Réponses: 5
    Dernier message: 06/02/2007, 13h46
  5. Réponses: 4
    Dernier message: 19/10/2006, 17h19

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