ajaxURL

ajaxurl est l’adresse que WordPress donne à un fichier JavaScript pour envoyer des requêtes AJAX.

C’est comme l’adresse d’un bureau central où WordPress dit : « Envoie-moi tes demandes ici, je m’en occupe. »

Cette adresse pointe vers :

ton-site.com/wp-admin/admin-ajax.php

Pour l’utiliser il faut se servir de la fonction wp_localize_script().

Elle permet de dire à ton fichier JavaScript : « Tiens, voici l’adresse du bureau (admin-ajax.php) où tu dois envoyer tes requêtes. »

Exemple simple

Dans functions.php

function charger_mon_script() {
// Charge mon fichier JS
wp_enqueue_script(
'mon-script', // Nom (handle)
get_template_directory_uri() . '/js/mon-script.js', // Chemin vers le JS
array(), // Pas de dépendance
'1.0',
true // Dans le footer
);

// Envoie l'adresse AJAX à mon script JS
wp_localize_script(
'mon-script', // Le handle du script
'ajaxurl', // Nom de la variable dans JS
admin_url('admin-ajax.php') // La vraie adresse du fichier AJAX
);
}
add_action('wp_enqueue_scripts', 'charger_mon_script');


Dans le fichier js mon script


// J'utilise ajaxurl comme adresse pour envoyer ma requête
fetch(ajaxurl + '?action=dis_bonjour')
.then(response => response.json())
.then(data => {
console.log(data.message); // Affiche "Bonjour depuis WordPress !"
});


Toujours dans functions.php, la fonction AJAX


function dire_bonjour() {
echo json_encode(['message' => 'Bonjour depuis WordPress !']);
wp_die();
}
add_action('wp_ajax_dis_bonjour', 'dire_bonjour');
add_action('wp_ajax_nopriv_dis_bonjour', 'dire_bonjour'); // Pour les visiteurs non connectés


Aujourd’hui, il est préférable d’utiliser fetch() avec du Vanilla JS (JavaScript pur) plutôt que jQuery pour faire de l’AJAX dans WordPress.