[:it]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>
[:en]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>
[:]