|
|
|
|
|
|
|
|
|
|
- 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 de "AJAX programmé" dans un site WEBDEV :
| |  | Exécution d'un traitement navigateur (fonction AJAXExécute ou AJAXExécuteAsynchrone). |  | Demande d'exécution d'une procédure serveur. |  | Exécution de la procédure serveur. |  | 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. |  | Envoi du résultat de la procédure (Mot-clé RENVOYER). |  | Analyse du résultat de la procédure. |  | Affichage des informations modifiées. Seuls les champs nécessaires sont rafraîchis. |
La fonction AJAXExécute permet de faire appel à une procédure serveur à partir d'un code navigateur. Tant que le résultat de la procédure exécutée n'est pas récupéré, aucun autre traitement n'est exécuté. Lorsque cette fonction est utilisée, aucune valeur des champs n'a été envoyée au serveur. Cette fonction permet de demander au navigateur d'exécuter une procédure sur le serveur et de renvoyer un résultat. Ce résultat peut être au format JSON, XML ou correspondre à des variables de type "simple" (entier, chaîne, booléen, réel). La fonction AJAXExécuteAsynchrone exécute une procédure serveur sans rafraîchir la page. Cette fonction n'est pas bloquante. Les autres traitements continuent de s'exécuter normalement (que le résultat de la procédure soit récupéré ou non). Dès que le résultat de la procédure serveur est disponible, la fonction AJAXExécuteAsynchrone appelle automatiquement une procédure navigateur permettant de récupérer ce résultat. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|