Ajax, tutoriels et démonstrations

Applications de la technologie Ajax et compléments aux attributs et méthodes.

Demos Ajax

Ces démos sont conçues comme des modèles que vous pouvez réutiliser comme point de départ de vos propres pages web.
Comment dialoguer avec un programme sur le serveur, obtenir des informations sur un fichier, etc.

ResponseHTML

Pourquoi pas aussi un attribut responseHTML? Mais ce n'est pas un problème, une fonction JavaScript peut l'ajouter très simplement à Ajax.

Ajax Extensible Page

Framework pour construire des pages Web qui se développent à la demande des visiteurs.

Galerie d'images et photos

Ajax est utlisé pour charger les images en mode asynchrone. Ainsi il est possible d'afficher les images en passant la souris sur les vignettes sans aucune attente.

Select dynamique

Avec du code JavaScript, on modifie dynamiquement le contenu des listes et menu. Ajax permet en outre de sauver la liste modifiée et la charger lors d'une session ultérieure.

Ajax avec un second site distant

L'objet XMLHttpRequest, dans sa définition actuelle est limité au site d'ou provient la page Web qui l'utilise. Une version 2 est en cours de définition pour utiliser Ajax sur plusieurs sites. C'est toutefois déjà possible avec certains navigateurs:
Depuis Firefox 3.5, l'objet XMLHttpRequest est multi-domaines.

Un petit script PHP sécurisé permet de l'obtenir avec XHR. Dans la première partie de ce tutoriel, on affiche en mode asynchrone des données prises sur un autre site.
Dans la seconde partie, on envoie des données à un autre site qui les traite par un script PHP, et on affiche le résultat en mode asynchrone sur la page de départ.

Tutoriels complets avec exemples des techniques concernées par Ajax.

JavaScript et HTML

Tutoriel JavaScript interactif et études de cas.

Tutoriel Ajax

Tutoriel complet, comment interfacer JavaScript et XMLHttpRequest pour mettre à jour la page Web.
Exemples avec texte et XML.

XDomainRequest (Histoire)

Microsoft a inventé XMLHTTP qui est à l'origine de XMLHttpRequest. Avec XDomainRequest la firme invente un objet pour communiquer entre sites différents.

Ajax et PHP

Quel est le rapport entre Ajax et PHP? Les bases de l'interaction entre les deux technologies.

XMLHttpRequest

Objet utilisable en JavaScript pour échanger des données entre le navigateur et le serveur.

Tutoriel JSON

JSON est un autre format pour sauvegarder des données sur le serveur et qui peuvent être récupérées par Ajax, il est structuré mais plus simple que XML.

Programmation Ajax avec NetBeans

Revue d'un IDE et son utilisation pour Ajax.