Nous allons voir ici comment mette en place facilement un chargement de tableau dynamique en AJAX et JSON, et tout cela avec jQuery.
Pourquoi JSON et AJAX ? AJAX à l’avantage de pouvoir charger des données de manière transparente, en arrière plan. JSON, quant à lui, possède la propriété d’être léger en poids et de consommer très peu de bande passante, donc d’être plus rapide. Nous renvoyons ici simplement les données à afficher dans notre tableau. Ensuite, c’est JavaScript qui va s’occuper d’afficher les données au bon endroit. L’avantage aussi, avec JSON et JavaScript, c’est que le serveur travail moins, c’est le navigateur du client qui construit l’HTML.
Voir le résultat : json
Premièrement, nous allons définir les différents fichiers nécessaires :
- un fichier html affiché dans le navigateur (exemple.html)
- un fichier JavaScript (script.js)
- le fichier appelé via AJAX (ajax.php)
- et bien sûr, la librairie jQuery qui va nous permettre de simplifier notre code
Vous trouverez en bas de page le zip des fichiers.
