Le concept d’AJAX en pdf

Cours le concept d’AJAX en pdf, tutoriel & guide de travaux pratiques en pdf.

Site Web traditionnel

Tout d’abord le navigateur envoie une requête – via une URL – au serveur. Le serveur répond en renvoyant au navigateur le code HTML de la page ainsi que tout ce qui lui est associé comme les scripts JavaScript, les images ou les éventuels médias et autres objets embarqués – donc la réponse du serveur est beaucoup plus volumineuse que la requête. Le navigateur affiche la page et l’utilisateur peut la parcourir quelques instants avant de cliquer sur un lien hypertexte qui enverra une nouvelle requête au serveur qui lui-même renverra le HTML correspondant… et ainsi de suite.
D’un point de vue purement pratique, c’est assez aberrant comme principe car c’est extrêmement inefficace et couteux puisque le serveur va à chaque fois renvoyer tout, ce qui prend du temps et ce qui occasionne une charge pour le serveur.
Ce principe de fonctionnement montre que le navigateur n’intervient pas dans le processus si ce n’est que pour afficher la page. Le gros du travail se fait du côté du serveur. Le pendule balance donc du côté du serveur.

Application AJAX

Voyons ce même schéma du point de vue d’AJAX. Quand on utilise le concept d’AJAX dans une page Web, on parle d’application Web (ou application AJAX).
La première requête est la même – ça on ne sait rien y faire. La différence va résider dans le fait que quand l’utilisateur cliquera sur un lien – ou un autre élément cliquable – la page ne se rechargera pas et le navigateur enverra une requête au serveur, lequel renverra les données demandées dans un format léger – comme le format JSON. Dans ce cas, le serveur n’a renvoyé qu’un minimum de données ce qui est beaucoup plus léger et donc plus rapide. Le navigateur, par le biais de JavaScript, peut alors mettre à jour une petite partie de la page avec les données reçues du serveur.
Dans ce cas, le pendule est au centre. Le serveur et le navigateur travaillent pour proposer une solution optimale. C’est l’exemple parfait de l’équilibre d’une application AJAX
Il faut cependant faire attention à ne pas mésinterpréter ce schéma, car il ne s’agit en aucun cas de remplacer la page entière, ce qui reviendrait à recharger la page. Si on se réfère au pendule, il va balancer du côté du serveur, ce qui montre qu’il y a un problème, et dans ce cas AJAX n’est pas utilisé correctement.
C’est donc la raison pour laquelle il est totalement absurde de créer un site Web entièrement en AJAX. Ce n’est pas possible car AJAX ne doit jamais se subtiliser à la méthode traditionnelle. AJAX doit être utilisé pour charger/modifier de petites parties d’une page. Un exemple peut être Facebook ; sur Facebook il y a la possibilité d’afficher les amis d’une personne sans recharger la page. Quand vous cliquez sur le lien Afficher les amis, une requête est envoyée au serveur, lequel renvoie la liste des amis de la personne dont vous souhaitez connaitre les amis. Cette liste est alors affichée dynamiquement via JavaScript. Pas de rechargement de page, juste une requête rapide – quasi instantanée – et un confort de navigation accru.

Cours gratuitTélécharger le cours complet

Télécharger aussi :

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *