Rem's Blog

JSON : c’est un mode de code des données (on parle bien de données, comme dans une base de données) permettant un transfert architecturé logiquement et optimisé pour le réseau. Ce format est de plus en plus utilisé pour charger dynamiquement des données via des requêtes AJAX, ensuite c’est JavaScript qui va s’occuper d’intégrer ces données brut dans l’arbre DOM HTML.

Voici le code pour l’appel jQuery :

var monUrl = "test.php";
$.getJSON( monUrl, function(data) {
for(id in data){
alert( data[id] );
}
}


En PHP, coté serveur, il suffirai de créer un tableau simple de données, puis de passer ce tableau dans cette fonction :

echo json_encode( $monTableau );

Une petit aperçu d’un encodage JSON :

{"total":1318,"current":20,"next":20,"previous":-20}

C’est un tableau contenant « total », « current », « next », et « previous ».

Quoi de plus simple ?

Ensuite, il vous reste à créer une méthode de reconstruction DOM HTML.
Comment ? :

$('body').append( "<div>" + maData + "</div>" );

La méthode append permet d’ajouter dans l’arbre DOM HTML un code HTML.
Bien sûr, vous pourriez pointer autre chose que le body, par exemple un tableau HTML, ou une autre div, ou autre chose encore.

Juste une chose importante : lorsque vous ajouter des lignes dans un tableau HTML, pensez bien à ajouter les tbody pour chaque ligne, sinon IE ne voudra pas reconstruire correctement votre arbre DOM HTML.

Tags: Développement, JavaScript, JQUERY, js, PHP, PHP 5, PHP objet, programmation