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 :

Comment générer un tableau JSON à plusieurs propriétés ?


Sujet :

JavaScript

  1. #1
    Modérateur

    Avatar de CinePhil
    Homme Profil pro
    Ingénieur d'études en informatique
    Inscrit en
    Août 2006
    Messages
    16 799
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur d'études en informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Août 2006
    Messages : 16 799
    Points : 34 031
    Points
    34 031
    Billets dans le blog
    14
    Par défaut Comment générer un tableau JSON à plusieurs propriétés ?
    Bonjour,

    Pour transférer des données à un programme PHP/Ajax, je dois faire un tableau JSON à plusieurs propriétés du genre :
    id1 / propriété1 / propriété2 / propriété3
    id2 / propriété1 / propriété2 / propriété3
    ...
    Jusqu'à 50 lignes de la sorte à encoder en une chaîne JSON lisible par la fonction json_decode de PHP.

    Si j'ai compris la syntaxe, la chaîne JSON devrait bien avoir cette forme ?
    {id1 : {propriete1, propriété2, propriété3}, id2 : {propriete1, propriété2, propriété3} ... }
    Les données sont récupérées d'une série de div et d'une partie de leur contenu.

    Existe t-il, en Javascript ou en JQuery, une méthode simple ou faut-il faire une boucle à la main ?
    Philippe Leménager. Ingénieur d'étude à l'École Nationale Supérieure de Formation de l'Enseignement Agricole. Autoentrepreneur.
    Mon ancien blog sur la conception des BDD, le langage SQL, le PHP... et mon nouveau blog sur les mêmes sujets.
    « Ce que l'on conçoit bien s'énonce clairement, et les mots pour le dire arrivent aisément ». (Nicolas Boileau)
    À la maison comme au bureau, j'utilise la suite Linux Mageïa !

  2. #2
    Membre actif

    Profil pro
    Inscrit en
    Juillet 2012
    Messages
    183
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2012
    Messages : 183
    Points : 274
    Points
    274
    Par défaut
    Citation Envoyé par CinePhil Voir le message
    Bonjour,

    Pour transférer des données à un programme PHP/Ajax, je dois faire un tableau JSON à plusieurs propriétés du genre :

    ...
    Jusqu'à 50 lignes de la sorte à encoder en une chaîne JSON lisible par la fonction json_decode de PHP.

    Si j'ai compris la syntaxe, la chaîne JSON devrait bien avoir cette forme ?


    Les données sont récupérées d'une série de div et d'une partie de leur contenu.

    Existe t-il, en Javascript ou en JQuery, une méthode simple ou faut-il faire une boucle à la main ?
    id1 et id2 doivent être conservés ou pas ?
    Car si tu dois créer un tableau JSON, la structure sera ainsi :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    [{"propriete1":"valeur", propriété2:"valeur", "propriété3":"valeur"}, {"propriete1":"valeur", "propriété2":"valeur", "propriété3":"valeur"}]

  3. #3
    Expert éminent
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Points : 9 127
    Points
    9 127
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    {
      "id1" : [propriete1, propriété2, propriété3], //<= tableau de valeurs 
      "id2" : [propriete1, propriété2, propriété3], //<= tableau de valeurs
      ...
    }

  4. #4
    Membre éprouvé
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    1 821
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 1 821
    Points : 979
    Points
    979
    Par défaut
    hello,

    En JS toutes les variables sont des objets : une variables peut contenir des valeurs, des objets, des fonctions, ...
    => une propriété est donc un objet

    Le JSON est un format de fichier qui contient la description d'une variable.
    La déclaration d'un objet qui contient plusieurs éléments se fait avec des accolades {}.

    Ex :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    // objet simple
    {
    a: 1, /* une propriété est un objet */
    b: 2,
    c: 3
    }
     
    // objet contenant un objet
    {
    obj: {a:1, b:2},
    b: 2,
    c: 3
    }
    Un tableau se déclare grâce aux crochets [] : vu que toutes variable/valeur en JS est objet, un tableau peut donc contenir des objets. Ex :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    // objet simple contenant des tableaux
    {
    a: 1,
    tab1 : [1, 2, 3],
    tab2 : [4, 5, 6]
    }
     
    // objet contenant un tableaux qui contient des objets
    {
    a: 1,
    tab : [{a:1, b:2}, {a:3, b:4}, {a:5, b:6}] /* pour un tableau, on n'est pas obligé de déclarer un nom pour chaque objet */
    }
    Jquery a une fonction qui permet de parser un fichier JSON en variable JS mais la fonction inverse n'existe pas (il me semble) : donc il faut faire la conversion soit même.

    Attention, si tu envoies ton JSON via AJAX, pense a URL-encoder les valeurs de tes variables si tes variables contiennent des string contenant des caractères spéciaux (ex: la fonction jquery serialize peut faire ça)

  5. #5
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Points : 2 351
    Points
    2 351
    Par défaut
    Voici un plugin JQuery pour sérialiser en JSON

    http://code.google.com/p/jquery-json/
    Si ton code fait plus d'une ligne, c'est que tu as mal choisi ton langage !

  6. #6
    Modérateur

    Avatar de CinePhil
    Homme Profil pro
    Ingénieur d'études en informatique
    Inscrit en
    Août 2006
    Messages
    16 799
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur d'études en informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Août 2006
    Messages : 16 799
    Points : 34 031
    Points
    34 031
    Billets dans le blog
    14
    Par défaut
    Merci pour le plugin mais j'avais réussi à faire ma chaîne JSON avant.
    Philippe Leménager. Ingénieur d'étude à l'École Nationale Supérieure de Formation de l'Enseignement Agricole. Autoentrepreneur.
    Mon ancien blog sur la conception des BDD, le langage SQL, le PHP... et mon nouveau blog sur les mêmes sujets.
    « Ce que l'on conçoit bien s'énonce clairement, et les mots pour le dire arrivent aisément ». (Nicolas Boileau)
    À la maison comme au bureau, j'utilise la suite Linux Mageïa !

  7. #7
    Expert éminent
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Points : 9 127
    Points
    9 127
    Par défaut
    Il n'y a besoin d'acun plugin

    l'objet JSON est là pour ça
    JSON.stringify pour pour pour produire un json et
    JSON.parse pour lire un segment json

    A+JYT

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

Discussions similaires

  1. [XL-2010] Générer un tableau avec plusieurs tableaux
    Par redflowers90 dans le forum Macros et VBA Excel
    Réponses: 0
    Dernier message: 09/06/2015, 16h04
  2. comment initialiser un tableau contenant plusieurs éléments
    Par tagtog dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 19/03/2012, 11h35
  3. Réponses: 11
    Dernier message: 12/11/2010, 09h31
  4. [PDF] Comment générer un tableau dynamique ?
    Par baptx dans le forum C++Builder
    Réponses: 3
    Dernier message: 13/07/2007, 13h29
  5. Excel : Générer un tableau a partir de plusieurs
    Par Groov dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 26/08/2006, 19h34

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