Publié par le 13 décembre 2010, 0 commentaire

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.

(Lire la suite…)

Publié par le 12 juin 2010, 0 commentaire

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.

Publié par le 2 août 2009, 4 commentaires

Qui n’a jamais voulu connaitre son référencement sur Google à partir de certains mots clé ?

Il existe des logiciels permettant de faire ceci, mais bien toujours payant …..

J’ai donc, en ce dimanche, développé rapidement un petit truc :

http://www.remy-solnais.com/data/reference.php

Si vous voulez les code, suffit de demander et je les mettrais …

Publié par le , 2 commentaires

L’optimisation de son site Internet …. Très grande problématique, bien souvent compliqué à résoudre, tant de chose pouvant être à l’origine du problème.

Commençons par cette vidéo de PHPTV de décembre 2008 :

Ensuite, attaquons un petit récapitulatif :

  1. Différence back/front.
  2. Optimisation du back.
  3. Optimisation du front.

(Lire la suite…)

Publié par le 25 avril 2009, 2 commentaires

Alors que PHP 5.2.x vient d’atteindre sa 9 ème release, PHP 5.3 se prépare tranquillement.

Cette version sera une pré-release du fameux PHP 6 tant attendu et qui sera encore attendu pendant un temps certain.

Effectivement, beaucoup de travail pour l’équipe de développement qui a déjà déporté des nouveauté de la version 6 sur la version 5.3.

Dans les améliorations notoires :

  • intégration en natif de la bibliothèque mysqlnd permettant la prise en charge sans module des connexions au SGBD mysql (donc plus de module à charger) et bien sûr aucune modification des script actuel. Il est annoncé jusqu’à 20 % de gain de temps par rapport à la librairie actuelle.
  • la gestion des namespaces permettant de gérer des classes smiliaires.
  • la prise en charge des LABEL/GOTO (à utiliser avec précaution et à déprécier dans certain cas).
  • l’ajout des fonctions anonymes (du type $toto = new function(){ }).
  • moteur du Garbage Collection afin d’optimiser les scripts objets.
  • l’ajout de nouvelle erreurs (E_DEPRECATED).
  • et plein d’autres choses …..

L’annonce de la release candidate 1 :

http://www.php.net/archive/2009.php#id2009-03-24-1

Afin de vous faire une petite idée de ce qui nous attend, voici la vidéo de la conférence PHP TV de décembre 2008 :