Pourquoi utiliser Ajax?

Pourquoi utiliser Ajax?

  1. Objectifs

    • Connaitre AJAX
  2. Présentation

    • AJAX est l’acronyme d’Asynchronous JavaScript And XML, ce qui, transcrit en français, signifie "JavaScript et XML asynchrones".
    • Le terme AJAX est apparu pour la première fois le 18 février 2005, dans un essai de James Garret intitulé "Ajax" : une nouvelle approche pour les applications Web".
    • Ajax est une technique qui fait usage des éléments suivants:
      • HTML
      • CSS (Cascading Style-Sheet) pour la présentation de la page.
      • JavaScript (EcmaScript) pour les traitements locaux, et DOM (Document Object Model) qui accède aux éléments de la page ou du formulaire ou aux éléments d’un fichier xml pris sur le serveur (avec la méthode getElementByTagName par exemple)…
      • /Pourquoi utiliser Ajax?

        • L’objet XMLHttpRequest lit des données ou fichiers sur le serveur de façon asynchrone.
        • Si besoin, DOMparser intègre un document XML.
      • PHP ou un autre langage de scripts peut être utilisé coté serveur.



  3. Pourquoi utiliser Ajax?

    • Ajax permet de modifier partiellement la page affichée par le navigateur pour la mettre à jour sans avoir à recharger la page entière.
    • Ajax permet d’effectuer des traitements sur le poste client (avec JavaScript ) à partir d’informations prises sur le serveur.
    • Les modifications ou interrogations faites par le lecteur d’une page web résultent de requêtes envoyées au serveur ; sans Ajax, ça se réalise par l’intermédiaire de services web, ou un langage intégré dans la page ( PHP par exemple ) en rechargeant la même page pour récupérer les modifications ou en rechargeant une nouvelle page contenant les modifications attendues .
    • Avec Ajax on peut modifier partiellement la page affichée par le navigateur en récupérant des informations sur le serveur sans avoir à recharger la page entière
    • La façon dont le client (dans ce cas, un navigateur Web) communique avec le serveur est l’une des pierres angulaires de l’Ajax. Conçu avec la philosophie de ne pas utiliser la bande passante juste parce qu’elle est là, une page Web codée en utilisant ces techniques ne passera pas par le cycle de déchargement / rechargement, ou «clignotement», comme certains s’y réfèrent, sauf si absolument nécessaire. Pourquoi envoyer 100 000 octets d’avant en arrière au serveur quand 300 octets suffiront?
  4. Utilisation

    • L’ajax est utilisé pour:
    • La Saisie automatique
      • C’est grâce à AJAX que vous avez des applications de saisie automatique.
      • La saisie automatique est une technique qui vous permet de compléter rapidement ce que vous écrivez. Elle repose sur une analyse prédictive de ce que vous êtes en train de taper au clavier.
      • Les applications de saisie semi-automatique sont étroitement liées aux applications de recherche en direct qui tentent de deviner le mot que vous saisissez en obtenant une liste de mots similaires sur le serveur et en les affichant.
    • Chattez avec des ami(e)s
      • Ajax vous permet également de chatter avec des amis. Il s’agit en réalité d’un bon choix pour les programmes de chat Web, où de nombreux utilisateurs peuvent discuter ensemble en même temps car les nouveaux éléments s’affichent sans un chargement entier du site web.
    • Modifier l’affichage des résultats de façon active
      • Ajax vous donne la possibilité de modifier de manière interactive l’affichage d’un résultat sur la base d’un changement des critères que l’utilisateur sélectionne au fur et à mesure. Cet exemple est visible sur des sites qui proposent la configuration des options des produits qu’ils vendent.
    • La mise en place de Widgets externes
      • Lorsque vous utilisez AJAX, la page qui utilise le JavaScript n’est pas seulement limitée au serveur sur lequel elle se trouve.
    • Soumettre des formulaires sans recharger la page,
      • Afficher des propositions dans un champ de recherche lorsqu’on tape les premiers caractères (ajax autocomplete),
      • Effectuer une requête en base de données pour mettre à jour un bloc d’une page,
    • Consommer une API externe de façon asynchrone au chargement de la page (sur une action utilisateur par exemple).
    • L’ajax est un technique toujours très largement répandue mais les nouvelles technologies de développement front end comme Angular ou React basées sur les websockets le rendent moins intéressant.
  5. Limites

    • L’ajax présente un problème d’accessibilité pour les moteurs de recherche et pour les lecteurs d’écrans puisqu’il repose sur l’interprétation d’un script javascript. Les concepteurs web doivent en conséquence prendre en compte ce problème dans l’utilisation d’ajax (ne pas l’utiliser pour les contenus à forte importance de référencement ou les fonctionnalités qui doivent rester accessibles en toutes circonstances).
    • Si JavaScript est désactivé, Ajax ne peut fonctionner. Il faut demander au lecteur de l’activer parmi les options du navigateur.
    • Si l’on charge les données à afficher de façon dynamique, elles ne font pas partie de la page et sont ignorées par les moteurs de recherche et donc non indexées.
    • L’aspect asynchrone fait que les modifications se font avec un délai (si le traitement sur le serveur est long), ce qui peut être déconcertant d’autant que le résultat peut arriver après les instructions qui font appel au serveur.
    • Le bouton de retour en arrière peut se trouver désactivé . Cela peut être corrigé et cela plus facilement avec HTML 5.



Abonnez vous à notre chaîne YouTube gratuitement