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

JavaScript Discussion :

Intégration d'un fichiers JSON dans une page web


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    79
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 79
    Par défaut Intégration d'un fichiers JSON dans une page web
    Bonjour,

    je rencontre actuellement un problème... en effet après avoir créer un script Sh qui a pour but d’interroger une base de donnée afin d'extraire des informations type (Nom, prénom, téléphone ...)

    J'obtiens un fichier JSON que je souhaite "afficher" sur une page html.
    Et pour le coup je sèche....?..??

    Voici un apercu de mon fichier JSON
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    {
            "_id": 0, 
            "building": "BAT 18 - LLM", 
            "first_name": "Herve", 
            "full_name": "Renard", 
            "last_name": "Bogoss", 
            "location": "paris", 
            "mail": "herve.renard@losc.fr", 
            "office": "LOSC", 
            "phone": "77 61"
        },
    Sachant que je dois avoir une centaine de personne dans ce fichier JSON.

    Auriez-vous une piste? une idée? un coup de gueule?! ( ;-) )
    Je vous remercie !!

  2. #2
    Membre éclairé Avatar de Diablo_22
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2005
    Messages
    498
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Maine et Loire (Pays de la Loire)

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

    Informations forums :
    Inscription : Février 2005
    Messages : 498
    Par défaut
    Bonjour,

    pour le côté JS utilise tu JQuery ? Il existe une fonction toute faite, le $.getJSON

  3. #3
    Membre très actif
    Homme Profil pro
    bricoleur par les mots
    Inscrit en
    Avril 2015
    Messages
    744
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 80
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : bricoleur par les mots
    Secteur : Distribution

    Informations forums :
    Inscription : Avril 2015
    Messages : 744
    Par défaut
    et en javascrpt pur il existe aussi une fonction toute faite json.parse(la_chaine)

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 202
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 202
    Par défaut
    Bonjour,
    J'obtiens un fichier JSON que je souhaite "afficher" sur une page html.
    visiblement il n'y a pas de problème de récupération mais de méthodologie de lecture.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    var cle, msg =[];
    var obj = {
      'cle_1': 1,
      'cle_2': 'texte',
      'cle_3': 3
    };
    for( cle in obj ){
      msg.push( cle +' : ' +obj[cle]);
    }
    alert( msg.join('\n'));

  5. #5
    Membre Expert
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Par défaut
    Salut,

    Par exemple, à l'aide de la balise <pre> (éventuellement stylée) pour profiter de la tabulation.

    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
    18
    19
    20
    21
    22
    23
    24
    25
    function showObj(obj,id){
    	var s,p;
     
    	s=JSON.stringify(obj,null,'\t');
     
    	p=document.createElement('pre');
    	p.appendChild(document.createTextNode(s));
     
    	document.getElementById(id).appendChild(p);
    }
     
     
    var obj={
    	"_id": 0, 
    	"building": "BAT 18 - LLM", 
    	"first_name": "Herve", 
    	"full_name": "Renard", 
    	"last_name": "Bogoss", 
    	"location": "paris", 
    	"mail": "herve.renard@losc.fr", 
    	"office": "LOSC", 
    	"phone": "77 61"
    };
     
    showObj(obj,'container'); // container = ID de de l'élement HTML déstiné à contenir la balise pre

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

Discussions similaires

  1. Intégration d'un fichier PDF dans une page HTML et IE 9
    Par marcandre dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 31/07/2012, 19h04
  2. inserer un fichier executable dans une page web
    Par dilamax_1 dans le forum Débuter
    Réponses: 7
    Dernier message: 05/06/2009, 20h53
  3. [VB.Net] afficher un fichier pdf dans une page WEB
    Par kasaw dans le forum ASP.NET
    Réponses: 3
    Dernier message: 25/08/2008, 16h02
  4. Réponses: 4
    Dernier message: 11/07/2007, 18h40
  5. afficher un fichier ppt dans une page web
    Par aymenroma dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 31/07/2006, 19h29

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