Utilisation d’AJAX dans un thème wordPress

Notez que cet article a été écrit pour la première fois il y a plus de 2 ans, mais n'est pas nécessairement obsolète.

Utilisation d'aJax dans wordPress
Utilisation d’aJax dans wordPress

AJAX est l’acronyme de Asynchronous JavaScript and XML. Il permet de charger/modifier un élément de la page et d’effectuer des traitements côté serveur sans recharger toute la page.

Son utilisation avec jQuery revient dans l’appel à la fonction $.ajax() , en lui passant comme arguments l’adresse du script PHP à appeler et les données à envoyer ce script. La fonction renvoie un résultat qui permet de modifier l’élément.

Une utilisation peut se présenter de la façon suivante :

Parmi les arguments, il y a la localisation du script php appelé avec ajax. Pour utiliser ceci dans wordPress, il va falloir indiquer cette url d’une façon un peu différente. Il va falloir aussi charger le script jQuery et indiquer à wordPress que l’on utilise aJax.

Dans functions.php du thème:

On charge le script jQuery xbsCustom.js en précisant qu’il utilise jQuery et on localise l’ajax pour son utilisation dans le script.

On inclut ensuite le fichier php qui contiendra l’appel aJax. J’ai choisi de crypter un mot de passe pour l’exemple d’où le nom du fichier xbs_passwd.php.

xbsCustom.js

On suppose que l’on a un bouton #crypt_MdP qui renverra la ligne login:mot_de_passe_crypté.

Dans l’article, il suffit d’écrire dans l’éditeur côté texte:

Le fichier appelé xbs_passwd.php avec la fonction passwd():

Et voilà le résultat:

login:
MdP:

Ligne à entrer dans le fichier .htpasswd:

Et hop, on peut utiliser aJax avec wordPress.