DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Concepts WEBDEV / Partie 1 - Internet : Concepts de base
  • AJAX automatique et immédiat
  • AJAX programmé
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
7. Technologie AJAX
Page précédenteSommairePage suivante
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.
1Action de l'internaute. Dans notre exemple, sélection du pays dans la combo "Sélectionner le pays souhaité".
2Envoi de la requête au serveur.
3Exécution de la requête : recherche des caractéristiques du pays choisi.
4Envoi 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.
5Affichage 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.
AJAX programmé
Le schéma suivant présente l'utilisation de "AJAX programmé" dans un site WEBDEV :
1Exécution d'un traitement navigateur (fonction AJAXExécute ou AJAXExécuteAsynchrone).
2Demande d'exécution d'une procédure serveur.
3Exécution de la procédure serveur.
4Gé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.
5Envoi du résultat de la procédure (Mot-clé RENVOYER).
6Analyse du résultat de la procédure.
7Affichage des informations modifiées. Seuls les champs nécessaires sont rafraîchis.
Page précédenteSommairePage suivante
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 25/05/2022

Signaler une erreur ou faire une suggestion | Aide en ligne locale