|
|
|
|
|
|
|
|
|
|
- AJAX automatique et immédiat
- AJAX programmé
La technologie AJAX est disponible nativement dans WEBDEV. Que signifie AJAX et quel est son intérêt ? AJAX (pour Asynchronous Javascript and XML) permet de rafraîchir uniquement les données modifiées dans une page HTML sans réafficher la totalité de la page. Par exemple, si certains éléments présents dans une page affichée (le contenu du panier, les caractéristiques d'un produit, une liste de villes, une carte géographique, ...) doivent être modifiés, seuls ces éléments seront rafraîchis. Le serveur n'aura pas à envoyer la page entière sur le poste de l'internaute. Cette technologie a de multiples avantages : - le serveur est moins sollicité. Il peut alors supporter un plus grand nombre de connexions simultanées.
- les informations qui circulent sont de taille réduite.
- la durée de transmission est plus courte.
- l'affichage pour l'internaute est immédiat et sans effet visuel.
AJAX peut être utilisé à deux niveaux différents dans un site WEBDEV : - AJAX automatique et immédiat : un simple clic suffit pour accéder aux avantages AJAX. Le code reste le même.
- AJAX programmé : utilisation des fonctions de gestion AJAX pour les traitements complexes.
Remarque : Seuls les navigateurs suffisamment récents supportent la technologie AJAX. La fonction AJAXDisponible permet de savoir si le navigateur en cours supporte la technologie AJAX. Si un traitement utilisant la technologie AJAX est exécuté sur un navigateur ne supportant pas cette technologie, le traitement s'exécute "comme si" il n'utilisait pas la technologie AJAX (rafraîchissement de la page entière par exemple). AJAX automatique et immédiat Le schéma suivant présente l'utilisation automatique et immédiate de AJAX dans un site WEBDEV : Par exemple, une page d'un site permet de connaître différentes caractéristiques d'un pays (capitale, devise, drapeau, situation, etc.). En fonction du pays sélectionné par l'internaute, les informations correspondantes sont affichées. | | | 1 | Action de l'internaute. Dans notre exemple, sélection du pays dans la combo "Sélectionner le pays souhaité". | | 2 | Envoi de la requête au serveur. | | 3 | Exécution de la requête : recherche des caractéristiques du pays choisi. | | 4 | Envoi du résultat de la requête :- sans AJAX : toute la page est envoyée.
- avec AJAX : seules les caractéristiques du pays sont envoyées.
| | 5 | Affichage des caractéristiques du pays :- sans AJAX : toute la page est réaffichée.
- avec AJAX : seuls les champs contenant les caractéristiques du pays sont rafraîchis.
|
Le schéma suivant présente l'utilisation de "AJAX programmé" dans un site WEBDEV :
| | | 1 | Exécution d'un traitement navigateur (fonction AJAXExécute ou AJAXExécuteAsynchrone). | | 2 | Demande d'exécution d'une procédure serveur. | | 3 | Exécution de la procédure serveur. | | 4 | Génération du résultat. Le résultat de la procédure sera exprimé sous forme d'une chaîne de caractères ou d'un document XML. | | 5 | Envoi du résultat de la procédure (Mot-clé RENVOYER). | | 6 | Analyse du résultat de la procédure. | | 7 | Affichage des informations modifiées. Seuls les champs nécessaires sont rafraîchis. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|