Asynchronous JavaScript Technology and XML (AJAX)

Grégory Ghez — Fri, 09 Sep 2005 14:53:00 GMT

Vous devez déjà en avoir entendu parler un tout petit peu, il s'agit d'une méthode de développement web permettant de rendre les intéractions entre la page web (application web) et l'internaute plus fluides, comme s'il travaillait sur une application de bureau.

AJAX permet en effet en rendre transparent à l'utilisateur le chargement des différentes zones dynamiques de la page. Par exemple, supposez que l'on est un listing de produits sur un site ecommerce et que l'utilisateur cliques sur la fiche d'un produit. Il n'est pas nécessaire dans ce cas de figure de recharger tous les éléments décoratifs et de navigation (tels que les menus) du site.
Dans un site traditionnel, la page est rechargée avec un contenu central différent. Avec l'utilisation de la méthode AJAX, l'utilisateur ne voit que le contenu central qui change sans que la page ait eu besoin de se recharger.

Explication:
Lorsque l'utilisateur cliques sur le bouton pour afficher la fiche du produit, un code javascript s'éxécute, ce dernier va récupérer la fiche produit sur le serveur web puis remplacer le contenu du div central par le contenu de la fiche produit qu'il vient de récupérer dans une variable.
C'est donc le javascript qui va aller chercher la page à afficher.

Gmail est un très bon exemple de site utilisant AJAX. (Si vous possédez un compte pour tester bien sûr ;))

C'est une description très simplifiée de ce que permet de faire AJAX et je vous invite à lire cet article technique du site de Sun : http://java.sun.com/developer/technicalArticles/J2EE/AJAX/

LittleBoxes

Grégory Ghez — Sun, 04 Sep 2005 14:22:00 GMT

Vous avez souvent été amené à faire des sites webs en vous demandant comment réaliser la présentation générale (bannière, menu gauche, contenu, ...). La manière la plus simple pour tout développeur Web et pour bon nombre d'outils de génération de code HTML (Dreamwaever, Frontpage, etc....) est d'utiliser les tableaux.

Cette technique est certes efficace, mais pas du tout adaptée à ce genre de travail. En effet, les tableaux ne doivent servir qu'à la présentation de données sous forme... de tableau:)

La façon la plus propre en HTML de créer une présentation est d'utiliser les CSS. Sans rentrer dans le détail au sein de ce post, je vous redirige donc vers ce site (http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html), très bien fait et vraiement très simple vous montrant comment réaliser la plupart des présentation courantes en CSS.

L'avantage d'utiliser les CSS est bien entendu la conformité avec la logique HTML et surtout dans le but d'obtenir dans les années à venir (j'y crois trop) un Internet plus propre respectueux des normes du W3C.

PS: Merci PG pour ce lien qui m'a beaucoup servi.

Technologies Internet

Asynchronous JavaScript Technology and XML (AJAX)

LittleBoxes