Articoli

FEAN Impianti Tecnologici… presto online col nuovo sito istituzionale!

Dopo aver progettato e realizzato il logo, stiamo sviluppando la nuova piattaforma CMS per l’azienda FEAN Impianti Tecnologici.

Seguici su Facebook, Twitter o iscriviti gratuitamente alla nostra NEWSLETTER per avere aggiornamenti!

Hai bisogno di realizzare un progetto simile? Contattaci…

 

jQuery e AJAX in WordPress

Veniamo subito al dunque: si deve utilizzare codice PHP richiamato da una pagina, senza che questa venga ricaricata (chiamata asincrona).

In WordPress è possibile fare una cosa del genere? La risposta è SI.

Se creo un file PHP e lo salvo nella cartella del tema corrente di WordPress, all’interno dello stesso file non potrò utilizzare alcuna funzione nativa di WordPress… se non faccio prima alcune operazioni.

Per iniziare: i file che modificheremo si trovano nella cartella del tema attivo: …wp-content/themes/NOME_TEMA_ATTIVO

Dobbiamo, come prima cosa, scrivere nella sezione “head” del nostro file “header.php” il codice necessario ad includere il file admin-ajax.php.

Questo file, appartenente alle API di WordPress, non fa altro che prendere in consegna le chiamate AJAX, sia del frontend che del backend, e restituirne le risposte.

Ritornando al codice da inserire nel file header.php:

Fatto ciò, se non lo abbiamo già fatto, creiamo il file .php che fornirà le informazioni da visualizzare (risposta alla chiamata partita dalla pagina…). Per nostra comodità, nominiamo il file ajax_response.php e lo inseriamo sempre nella cartella del nostro tema attivo WordPress.

A questo punto dobbiamo “far capire” a WordPress che vogliamo utilizzare il suddetto file. Possiamo farlo aggiungendo un hook nel file functions.php:

function use_ajax() {
include(TEMPLATEPATH . '/ajax_response.php');
}
add_action('wp_ajax_my_action', 'use_ajax');
add_action('wp_ajax_nopriv_my_action', 'use_ajax');

Ora siamo pronti ad effettuare la chiamata AJAX, utilizzando jQuery, dal file interessato (es.: popolamento dropdown).
Il nostro codice sarà, quindi, simile a:

Per finire, un semplice schema che riepiloga il funzionamento delle chiamate asincrone AJAX da una pagine del tema corrente WordPress.

Schema chiamate AJAX in WordPress

Richiedi, senza alcun impegno, una nostra consulenza, sapremo aiutarti nella realizzazione del tuo progetto.

Elementi di portfolio