AJAX

Cliquer sur « J’aime » sans que la page entière ne clignote et ne se recharge, voir une liste de résultats se filtrer instantanément : ce type d’interaction repose sur AJAX (Asynchronous JavaScript and XML), une technique ancienne dans le principe (le nom date du milieu des années 2000) mais toujours en usage, qui envoie une requête en arrière-plan et met à jour uniquement le fragment de page concerné une fois la réponse reçue.

AJAX natif dans WordPress

WordPress fournit son propre système AJAX depuis longtemps, centré sur le fichier wp-admin/admin-ajax.php : côté PHP, on enregistre un traitement avec les actions wp_ajax_mon_action (utilisateurs connectés) et wp_ajax_nopriv_mon_action (visiteurs non connectés), et côté JavaScript, on poste une requête vers cette même URL avec un paramètre action qui identifie le traitement voulu. C’est ce mécanisme qui alimente, par exemple, l’ajout au panier sans rechargement dans de nombreux thèmes WooCommerce.

Exemple

jQuery.post( ajaxurl, { action: 'charger_favoris', id: 42 }, function( reponse ) {
    jQuery( '#favoris' ).html( reponse );
});

À ne pas confondre avec

• L’API Fetch ou XMLHttpRequest, les mécanismes JavaScript bas niveau qu’AJAX utilise concrètement : AJAX désigne la technique globale, pas une fonction précise du langage.
• Le nom historique trompeur : malgré le « X » de XML dans le sigle, la quasi-totalité des échanges AJAX actuels transportent du JSON, pas du XML.
• L’API REST de WordPress, une alternative plus moderne et plus standardisée à admin-ajax.php pour les nouveaux développements, bien que ce dernier reste très répandu dans l’écosystème existant.