jQuery-ahm, faire des requêtes AJAX en une ligne


AJAX a sans conteste rendu les sites web plus attractifs, en permettant d’implémenter des interfaces réactives et fluides. Mais pour le commun des mortels, faire des requêtes en AJAX est loin d’être évident, même en utilisant des frameworks comme jQuery.

 
jQuery-ahm est un petit plugin pour jQuery qui permet de faire des requêtes AJAX en écrivant très peu ou pas de code JS.

Très léger (< 1ko), jQuery-ahm simplifie énormément l'écriture du code AJAX habituellement réalisé avec $.ajax(). Il encapsule très bien cette dernière et propose même un gestion différentes de callbacks.

Une bonne partie du code est déporté côté backend :

<?php
$response = array(
    // $("#animate").fadeOut("slow").delay("1000").slideDown("fast")
    "#animate/fadeOut"   => "slow",
    "#animate/delay"     => "1000",
    "#animate/slideDown" => "fast",
);
echo json_encode($response);
?>

Du coup, sur l’interface, le code est réduit à sa plus simple expression; la classe ahm fait quasiment tout :

<a href="/a.animate" class="ahm">animation callback »</a>
<div id="animate">animate</div> 

Je trouve l’idée intelligente, même si beaucoup de webdesigners n’aiment pas mettre le code d’interaction dans le backend. Mais l’un des gros avantages est sans doute que le frondend voit sa taille largement réduite, ce qui est un très bon point en ces temps de quête de la performance absolue.

Sans compter que pour les débutants, la gestion des callbacks s’en trouve largement facilitée.

Téléchargez jQuery-ahm