Les meilleurs utilisations pratiques avec AJAX

Publié le 14 juin 2009 par Plitanos

1. Login Formulaires


Au lieu d’aller à une page de connexion, puis de passer à la page que vous avez voulu, avec AJAX, l’utilisateur peut taper leur nom d’utilisateur et son mot de passe directement dans la page d’origine. De là, AJAX va envoyer une demande au serveur pour se connecter. Digg a un système de connexion qui fonctionne comme cela.

Exemple: Digg.com

Plugin: jQuery Form Plugin

2. Auto-complet


Google est l’une des premières grandes entreprises à utiliser AJAX. Lors de la saisie dans la barre de recherche. Google commence à utiliser AJAX pour obtenir des résultats communs de la base de données sur chaque touche. Auto-complet est idéal pour les formes où vous avez beaucoup d’entrées possibles, au de faire un petit menu déroulant qui serait trop long et trop lourd.

Exemple: Google Search

Plugin:  jq autocomplete

Vote et Evaluation


Sur les sites comme Digg et Reddit  ont laisse les utilisateurs  décider du contenu du site en votant sur le contenu que les utilisateurs apprécient. Ils utilisent AJAX pour gérer l’ensemble de la procédure de vote, de sorte que les utilisateurs sont en mesure d’exprimer leurs opinions sur un certain nombre d’articles rapidement et facilement.

Exemple: Reddit

Mise à jour de l’utilisateur


Une des choses qui ont été si populaires chez Twitter, simple et facile à utiliser. Quand quelqu’un ecrit un “Tweet», il est immédiatement ajouté à leur alimentation, et tout est mis à jour. Récemment, Twitter a commencé à utiliser AJAX avec leur «tendance sur les sujets des pages. Tous les quelques secondes, la page permet à l’utilisateur de savoir combien de tweets ont été faites sur le sujet.

Exemple: Twitter

Les salles de bavardage et de messagerie instantanée


le Chat en ligne, a parcouru un long chemin depuis l’époque de l’IRC. Les salles de bavardage et de messagerie instantanée peuvent être complètement manipulés dans le navigateur . Il existe deux grands processus d’application AJAX dans une salle de chat ou de messagerie instantanée . Imaginez  l’un d’eux comme les oreilles, et l’autre  comme une bouche. Votre “bouche” les mises à jour du serveur qui permet de savoir ce que vous avez envoyé un message. Les «oreilles» avec le serveur qui vérifie constamment les mises à jour de votre page avec des messages qui ont été envoyés par ceux qui discutent avec vous.

Exemple: Meebo Chat (utilisations Ajax)

Plugin: GMail / Facebook Chat Style Script

7. interfaces utilisateurs


Interface utilisateur est très populaire Avec L’utilisation de AJAX. Les avantages sont de deux ordres: Premièrement, il rend l’utilisation de l’application web plus rapide et plus facile pour l’utilisateur; Deuxièmement, il réduit le nombre de demandes que vous avez à faire pour le serveur, qui réduit la bande passante et les temps de chargement. Un service gratuit de transfert de fichiers appelé Drop.io l’utilise bien. Google a vraiment poussé les limites de ce qui est possible avec AJAX en rendant un ordinateur de bureau comme des applications comme Google Docs et Google Maps.

jQuery UI Library

8. Widgets externes


Lors de l’utilisation d’AJAX, la page qui utilise le JavaScript n’est pas seulement limité au serveur.L’AJAX peut faire un appel vers un serveur en ligne. C’est de cette façon que sont les plug-ins pour les systèmes de gestion de contenu comme Wordpress, et divers autres scénarios, comme Google Adsense.

Plugin: Script pour le chargement du contenu externe en div

Post Footer automatically generated by Add Post Footer Plugin for wordpress.