parser un fichier json avec jquery

parser un fichier json avec jquery - HTML/CSS - Programmation

Marsh Posté le 09-04-2014 à 11:38:14    

Bonjour,
je voudrais parser un fichier json avec jquery et afficher toutes les lignes du fichier dans une balise div de html.
mais ça n'affiche dans la balise article que:
ououh
titi
 
avez vous une piste ?
 
voila le html :
<article>
    <div class="res"></div>
</article>
 
voila le fichier json:
{
    "zz": "<h1>ououh</h1>",
        "a":[
        {"aa": "titi",
        "c": [
            {"cc": "tutu"},
            {"cc": "tutu"},
            {"cc": "tutu"},
            {"cc": "tutu"},
            {"cc": "tutu"},
            {"cc": "tutu"},
            {"cc": ""}
            ]
        },
        {"aa": "toto",
        "c": [
            {"cc": "&nbsp;1/ blabla."},
            {"cc": "&nbsp;1/ blabla."},
            {"cc": "&nbsp;1/ blabla."},
            {"cc": "&nbsp;1/ blabla."},
            {"cc": ""}
            ]
        },
        {"aa": "rere",
        "c": [
            {"cc": "eaeaae"},
            {"cc": ""}
            ]
        },
        {"aa": "gege",
        "c": [
            {"cc": ""}
            ]
        },
        {"aa": "&nbsp;<a href='#' id='retour_res'>retour...</a>"
        }
    ]
}
 
 mon code jquery mainrtenant
// charge le complet
       $('.res').on('click', '#suite_res', function() {
           $('.res').css('background', '#EFEDF2').css('margin-left', '5px').css('margin-right', '5px').css('font-size', '0.9em');
           $.getJSON('./textes/article_res_complet.json', function(donnees) {
               $('.res').html(donnees.zz + '<p>');
               $.each(donnees.a , function(entryIndex, entry){
                   var html = '';
                   html += entry['aa'];
                   $('.res').append(html + '</p><p>');
                   $.each(donnees.c , function(entryIndex, entry){
                       var html = '';
                       html += entry['cc'];
                       $('.res').append(html);
                   });
                   $('.res').append('</p><p>');
               });
               $('.res').append('</p>');
           });
       });
 
voyez vous un oubli dans mon code ?
merci d'avance  ;)

Reply

Marsh Posté le 09-04-2014 à 11:38:14   

Reply

Marsh Posté le 10-04-2014 à 01:41:30    

Code :
  1. <pre id="result"></pre>


Code :
  1. document.getElementById('result').innerHTML = JSON.stringify(obj, null, 4);


Message édité par gatsu35 le 10-04-2014 à 01:44:21

---------------
Blablaté par Harko
Reply

Marsh Posté le 10-04-2014 à 10:19:24    

tu es très gentil de me répondre Gatsu35, mais tu n'as pas compris la question. je demande si mon fichier json est bien formé, car il comporte plusieurs niveaux d'imbrications.

Reply

Marsh Posté le 10-04-2014 à 11:10:00    

j'ai testé le json il est valide.
cependant firebug me met : mal formé sur le premier {
mon soucis se situe aprés le getJSON.
le each renvoie bien l'enfant quand j'ai 1 parent
mais pas les sous enfants de chaque enfant d'un parent.
merci de ta réponse ;-)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed