AJAX

1. Présentation

AJAX signifie Asynchronous JavaScript And XML. Il s’agit d’un moyen de communication entre une page HTML et un serveur web et cela sans rechargement d’une nouvelle page. Un code JavaScript intégré à cette page envoie des requêtes au serveur par le biais d’un objet XMLHttpRequest et met à jour une partie de la page avec le résultat. Les informations qui circulent entre le serveur et le client peuvent être aux formats texte, xml ou JSon.

2. Usage avec Rails

a. Mise à jour du template

Il nous faut commencer par modifier notre template HTML app\views\layouts\carnet1.rhtml pour intégrer la bibliothèque JavaScript prototype :

<html>
 <head>
  <%= stylesheet_link_tag 'carnet1' %>
  <%= javascript_include_tag "prototype" %>
 </head>
<body>
<%= yield %>
</body>
</html> 

b. Lien AJAX

Nous allons utiliser dans une vue la méthode link_to_remote, elle entraînera la création d’un lien qui utilisera AJAX pour communiquer avec le contrôleur et mettre à jour une partie de la page. Elle prend en argument un texte pour le lien affiché et une table de hachage avec principalement pour clés :

  • action : l’action du contrôleur à invoquer.

  • complete : sert à exécuter un code JavaScript de fin de requête après un succès ou un échec.

  • position : indique la position d’insertion de la réponse...

Pour consulter la suite, découvrez le livre suivant :
couv_Ruby.PNG
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Contrôle de valeur
Suivant
Exercice