Come utilizzare AJAX in WordPress


Come utilizzare AJAX in WordPress

AJAX (Asynchronous Javascript And XML) è una tecnica di sviluppo software che si basa su uno scambio di dati in background fra web browser e server, che consente l’aggiornamento dinamico di una pagina web senza esplicito ricaricamento da parte dell’utente.

Come prima cosa dobbiamo creare la nostra funzione  su functions.php, che verrà richiamata con AJAX

<?php
/**
 * Funzione da richiamare via AJAX
 */
 function pwd_myFunc()
 {
 $result = ...

// Scrive i dati in output (come risposta alla richiesta AJAX del browser)
 // Il formato dei dati puo' essere testo libero, XML, JSON, ...
 echo $result;

// importante: la richiesta PHP deve essere terminata
 exit;
 }
?>

Seconda cosa dobbiamo registrare questa funzione e rendere noto a WordPress che la utilizzeremo con AJAX

add_action('wp_ajax_pwd_myFunc', 'pwd_myFunc');
add_action('wp_ajax_nopriv_pwd_myFunc', 'pwd_myFunc');

Poi tutto quello che rimane da fare è creare il codice Javascript dove ci sarà il richiamo alla funzione appena create

<script>
function myClientFunc()
{
   jQuery.ajax("/wp-admin/admin-ajax.php", {
           data: 'action=pwd_myFunc',

           success: function(result, status, xhrRequest) {
                       alert('Risultato dal server: ' + result);
                    },

           error: function(xhrRequest, status, errorMessage)  {
                       alert("Errore dal server. Status: " + status);
                    }
                });}
</script>

Il codice JavaScript puo’ essere richiamato, per esempio, all’interno del nostro codice HTML:

<a href="#" onclick="myClientFunc();">Click qui per fare chiamata AJAX</a>
Come utilizzare AJAX in WordPress
5 (100%) 1 vote

#AJAX#funzione#server#web browser#wordpress

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *


Hai bisogno di aiuto personalizzato con qualcosa che non è documentato qui? Richiedi assistenza
Iscriviti alla nostra newsletter

Iscriviti alla nostra newsletter

Iscriviti alla nostra mailing list per ricevere le ultime notizie e gli aggiornamenti dal nostro team.

You have Successfully Subscribed!