Skip to main content

Quand utiliser une application Ajax

iron-ajax… wat?! -- Polycasts #26 (Avril 2025)

iron-ajax… wat?! -- Polycasts #26 (Avril 2025)
Anonim

Je l'avoue, je n'ai jamais été un grand fan de JavaScript. Je peux lire et écrire du JavaScript, mais jusqu'à récemment, je n'y portais que très peu d'intérêt. Pour une raison quelconque, mon esprit était complètement perturbé par l'écriture de scripts JS. Je peux écrire des applications C ++ et Java complexes et écrire des scripts Perl CGI pendant mon sommeil, mais JavaScript a toujours été une lutte.

Ajax Made JavaScript plus amusant

Je pense qu'une partie de la raison pour laquelle je n'aimais pas JavaScript était parce que les roulements sont ennuyeux. Bien sûr, vous pouvez faire plus que cela avec JS, mais 90% des sites l'utilisant utilisaient soit la substitution, soit la validation de formulaire, et pas grand-chose d'autre. Et une fois que vous avez validé un formulaire, vous les avez tous validés.

Puis Ajax est arrivé et a tout fait à nouveau. Soudain, des navigateurs prenant en charge JavaScript ont fait autre chose que l’échange d’images. Nous avons eu XML et le DOM pour connecter des données à nos scripts. Et tout cela signifie que Ajax m’intéresse, alors je veux construire des applications Ajax.

Quelle est l'application la plus stupéfiante d'Ajax que vous ayez jamais construite?

Je pense que le mien devrait être le vérificateur de courrier électronique sur un compte qui n'a presque pas de courrier électronique. Vous iriez sur la page Web et vous diriez "Vous avez 0 messages mail." Le 0 changerait si un message arrivait, mais puisque ce compte n'a pas de courrier, il ne changera jamais. Je l'ai testé en envoyant un courrier au compte et cela a fonctionné. Mais c'était absolument inutile. Il y a cinq ans, de meilleurs vérificateurs de courrier étaient disponibles et je n'avais pas besoin de faire fonctionner Firefox ou IE pour les utiliser. Quand une de mes collègues l'a vue, elle a dit "Qu'est-ce que ça fait?" Quand j'ai expliqué, elle a demandé "Pourquoi?"

Avant de créer une application Ajax, demandez toujours pourquoi

Pourquoi Ajax?Si la seule raison pour laquelle vous créez l'application dans Ajax est parce que "Ajax est cool" ou "mon supérieur hiérarchique m'a dit d'utiliser Ajax", vous devez évaluer sérieusement votre choix technologique. Lorsque vous construisez une application Web, vous devriez commencer par penser à vos clients. Qu'ont-ils besoin de cette application pour faire? Qu'est-ce qui rendra l'utilisation plus facile?

Pourquoi pas autre chose?Il peut être très tentant d'utiliser Ajax simplement parce que vous le pouvez. Sur un site sur lequel mon équipe travaillait, il y avait une section à onglets de la page. Tout le contenu était stocké en XML dans une base de données et lorsque vous avez cliqué sur les onglets, Ajax a été utilisé pour reconstruire la page avec les nouvelles données d'onglets à partir du XML.

Cela semblait être une bonne utilisation d'Ajax, jusqu'à ce que vous commenciez à penser à certains problèmes avec:

  • Les onglets ne peuvent pas être marqués. Les clients ne peuvent donc pas enregistrer les informations qu’ils souhaitent.
  • Les moteurs de recherche ne voient pas les données qui ne figurent pas dans le premier onglet, car ils ne peuvent pas accéder à Ajax.
  • Ajax n'est pas accessible. Par conséquent, le contenu des autres onglets ne serait pas visible par les utilisateurs d'un lecteur d'écran, ni même par les navigateurs plus anciens qui ne prennent pas correctement en charge JavaScript.
  • Si l'un des onglets contenait beaucoup d'informations, le chargement sur une connexion lente pouvait prendre beaucoup de temps. Et comme Ajax n'indique rien, il semble que la page soit cassée.

Ce qui était intéressant, c'est que ce site Web avait des pages similaires dans le passé qui n'utilisaient pas Ajax. Ils ont livré le contenu avec des divs cachés ou des pages HTML séparées. Il n’y avait aucune raison d’utiliser Ajax si ce n’était cool, et notre patron nous avait suggéré de chercher des endroits où l’utiliser.

Ajax est pour l'action non contenu

Si vous souhaitez mettre en place une application Ajax, ou simplement quelque chose de similaire à Ajax sur votre site Web, commencez par déterminer si les données auxquelles vous accédez sont modifiées. Le point essentiel de la demande asynchrone est qu’elle adresse au serveur des demandes d’informations qui ont changé plus rapidement, car cela se produit pendant que le lecteur fait autre chose. Puis, quand ils cliquent sur un lien ou un bouton (ou après un laps de temps défini - quelle que soit votre distinction), les données s'affichent immédiatement.

Si votre contenu ou vos données ne changent jamais, vous ne devriez pas utiliser Ajax pour y accéder.

Si votre contenu ou vos données ne changent que rarement, vous ne devriez probablement pas utiliser Ajax pour y accéder.

Des choses qui sont bonnes pour Ajax

  • Validation du formulaire
    • La validation de formulaire est presque une évidence. C'est tellement mieux quand le formulaire vous indique que vous tapez si vous l'avez mal rempli ou non. Devoir aller sur le serveur puis renvoyer un message d'erreur n'est pas seulement ancien, il est lent. Laissez la validation du serveur dans le formulaire, ce qui est important pour l'accessibilité. Mais pour ceux qui peuvent soutenir Ajax, dites-leur tout de suite.
  • commentaires
    • Les commentaires sur les blogs ou même les articles sont une excellente utilisation de Ajax. Les commentaires peuvent changer à tout moment, et surtout lorsqu'un commentateur appuie sur le bouton de commentaire, il est agréable de voir le commentaire apparaître immédiatement sur la page.
  • Filtrage des données
    • Si vous avez une grande table avec beaucoup de données, une application intéressante pour Ajax consiste à ajouter des filtres et des trieurs à la table. Obtenir que votre table Web se comporte davantage comme Excel est vraiment utile pour les utilisateurs.
  • Enquêtes et sondages
    • Lorsque vous cliquez sur votre vote, le sondage change pour afficher les résultats. Et avant que vous ne commentiez, About ne prend pas encore en charge Ajax dans nos sondages - mais ce serait vraiment bien. Peut-être pourrions-nous donner aux développeurs About.com un «appel Ajax» qui nous est propre. :)

Que faire lorsque vous recevez l'appel 'Ajax'

Parlez à votre patron ou à votre service marketing pour savoir pourquoi ils souhaitent utiliser Ajax sur le site Web. Une fois que vous avez compris les raisons pour lesquelles ils le souhaitent, vous pouvez alors rechercher une application appropriée.

Rappelez à votre patron que vos clients passent avant tout et que l'accessibilité n'est pas un mot. S'ils ne se soucient pas de savoir si votre site est accessible aux clients, rappelez-leur que les moteurs de recherche ne se soucient pas d'Ajax, afin qu'ils ne reçoivent pas autant de pages vues.

Commencer petit. Commencez par créer quelque chose de facile avant de vous préoccuper de la création d'une toute nouvelle application Web. Si vous pouvez obtenir quelque chose d’Ajaxian sur votre site Web, c’est peut-être tout ce dont votre patron ou votre service marketing a besoin pour atteindre ses objectifs. Il est certainement possible de mettre en place une application Ajax qui soit réellement utile, mais seulement si vous réfléchissez à la façon de le faire en premier.