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

AJAX Discussion :

Lire un élement JSON avec jQuery


Sujet :

AJAX

  1. #1
    Membre confirmé
    Avatar de trx337
    Homme Profil pro
    Intégrateur Web
    Inscrit en
    Décembre 2015
    Messages
    74
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 65
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web
    Secteur : Associations - ONG

    Informations forums :
    Inscription : Décembre 2015
    Messages : 74
    Billets dans le blog
    1
    Par défaut Lire un élement JSON avec jQuery
    j'apprends ajax grace à une petite video sur youtube
    il faut récupérer une donnée json dans un répertoire data
    la video est sur le site :

    à la minute 8 m 38 s
    lorsque le prof écrit
    console.log( valeur);
    je le fais aussi et tout va bien ma console indiques les éléments en question
    lorsque le prof écrit
    console.log( valeur.name);
    pour lui cela marche , il reçoit la valeur name
    mais pour moi ça ne marche pas
    je reçois le message : indéfini

    autre chose:
    la ligne
    console.log("jsonvaleur : "+ valeur); renvoie object pour la valeur et la ligne :
    console.log( valeur); renvoie bien les valeurs désirée : bizarre c'est pas logique
    merci à celui qui m'aidera



    le répertoire data est celui ci :
    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
    {
          "articles" : [
                                   {
                                   " id"  :  1,
                                    " name" : "how to built a website"
     
                                    },
     
                                   {
                                   " id"  :  2,
                                    " name" : "reading"
     
                                    },
                                   {
                                   " id"  : 3,
                                    " name" : "learning"
     
                                    }
     
                             ]
     
    }
    le code ajax est :

    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
    $.ajax({
    url: 'articles.json',
    dataType : 'json',
     
    type:'get',
    cache: false,
    success: function(data){
     
    $(data.articles).each(function(index, valeur){
                   console.log("jsonvaleur : "+  valeur);
     console.log( valeur);
      console.log( valeur.name);
                    });
     
     
                           }
     
    });

  2. #2
    Modérateur

    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    12 582
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 12 582
    Par défaut
    Hello,

    en JSON tu ne peux pas ajouter d'espace aux noms des propriétés : " name" n'est pas équivalent à "name".
    N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  3. #3
    Membre confirmé
    Avatar de trx337
    Homme Profil pro
    Intégrateur Web
    Inscrit en
    Décembre 2015
    Messages
    74
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 65
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web
    Secteur : Associations - ONG

    Informations forums :
    Inscription : Décembre 2015
    Messages : 74
    Billets dans le blog
    1
    Par défaut à thelvin
    merci voici une partie de résolu
    je viens de remplacer " name" par "name"
    et maintenant cela marche mais pourquoi
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    console.log("jsonvaleur : "+valeur);
    ne fonctionne pas , cela me renvoie object Object et pas la vraie valeur

  4. #4
    Modérateur

    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    12 582
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 12 582
    Par défaut
    En fait, je ne suis pas très fort en JavaScript.

    Mais je dirais que c'est parce que tu n'appelles pas directement console.log(valeur) pour que la console reçoive l'objet directement et décide de l'afficher du mieux qu'elle peut.

    A la place tu fais une concaténation avec une autre string, et c'est le résultat de ça que tu balances à la console. Je suppose qu'en JavaScript, la concaténation d'une string et d'un objet quelconque n'a pas de représentation très utile, et donc qu'il ne faut pas le faire.
    N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  5. #5
    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,
    effectivement il te faut utiliser la , (virgule)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    console.log("jsonvaleur : " , valeur);
    A voir Console sur MDN par exemple

Discussions similaires

  1. [UI Mobile] récupérer un fichier json avec jquery mobile
    Par love-part dans le forum jQuery
    Réponses: 0
    Dernier message: 18/09/2012, 13h56
  2. Réponses: 4
    Dernier message: 17/01/2012, 19h01
  3. accéder élement iframe avec jquery
    Par Thy974 dans le forum jQuery
    Réponses: 2
    Dernier message: 11/02/2011, 16h13
  4. Erreur requete json avec jquery 1.5
    Par gtraxx dans le forum jQuery
    Réponses: 2
    Dernier message: 06/02/2011, 18h54
  5. Parser JSON avec $.getJSON jquery adaptation code
    Par MatthieuFourcade dans le forum jQuery
    Réponses: 2
    Dernier message: 22/06/2009, 10h17

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