Dynamic-Mess.com


"The world is a dynamic mess of jiggling things..."

Quelques fonctions utiles pour manipuler des objets JSON avec Javascript

Article posté le 16-06-2016 dans la catégorie JavaScript, JQuery...

Parcourir un objet JSON obtenu via un webservice

Note: vous aurez besoin ici de la librairie jQuery.

Pour cet exemple, nous avons côté serveur un fichier toto.php qui contient ceci:

$result =Array
(
    5 => array('Nom' => 'DUPONT', 'Prenom' => 'Jean'),
    10 => array('Nom' => 'DUPOND', 'Prenom' => 'Pierre'),
);
header('Content-type:application/json;charset=utf-8');
echo json_encode($result);

Rien d'exceptionnel: il s'agit d'un tableau de tableaux, la clef numérique étant l'ID de l'utilisateur, le tableau contenant son nom et son prénom.

1- Récuperer les données avac jQuery + Ajax

 $.ajax
    ({
        type: 'GET',
        dataType: "json",
        url: "toto.php", // URL
        success: function(data) //En cas de succès de la communication
        {
           // Les données sont récuperables ici dans la variable data
       }
        , timeout: 30000 // Durée maximale pour tenter de réaliser la connexion
    });

2- Parcourir les résultats

Parcourons donc notre chaîne JSON, qui se trouve dans la variable data:

$.each(data, function(index, element) {
            $('body').append($('<div>', {
                text: "Id: " + index + " Nom: " + element.Nom
            }));
        });

3- Longueur d'une chaine JSON ( nombre d'objets )

Data est la chaîne:

alert(Object.keys(data).length);

Tweet
comments powered by Disqus