{"id":1561,"date":"2012-11-22T06:30:49","date_gmt":"2012-11-22T05:30:49","guid":{"rendered":"http:\/\/www.manuelmarangoni.it\/sir-bit\/?p=1561"},"modified":"2013-05-26T14:01:16","modified_gmt":"2013-05-26T13:01:16","slug":"usare-ajax-tramite-una-api-di-jquery","status":"publish","type":"post","link":"https:\/\/www.manuelmarangoni.it\/sir-bit\/1561\/usare-ajax-tramite-una-api-di-jquery\/","title":{"rendered":"Usare Ajax tramite una api di JQuery"},"content":{"rendered":"
\"Ajax<\/a>

Tramite un’api di JQuery possiamo usare l’Ajax in modo rapido e utilizzando tutte le sue funzionalit\u00e0 (1)<\/p><\/div>\n

Ajax \u00e8 un potente strumento per gestire eventi in tempo reale nonostante l\u2019uso di linguaggi lato server come php.
\nCome sa ogni programmatore con un minimo di esperienza nel campo, il php viene interpretato da un server: quello che vediamo a schermo \u00e8 solo il risultato del processo. Non ci \u00e8 possibile, quindi, eseguire uno script php in tempo reale una volta caricata la pagina<\/strong> (per esempio, non possiamo sostituire il contenuto di un div con un elemento estratto dal database in tempo reale: dobbiamo per forza ricaricare la pagina).<\/p>\n

Questa operazione, per\u00f2, ci \u00e8 possibile farla appoggiandosi ad Ajax. Un\u2019infarinatura di base, completa di esempio, l\u2019abbiamo vista in un articolo precedente<\/a>.<\/p>\n

Esistono per\u00f2 delle soluzione alternative e pi\u00f9 moderne a quelle viste nell\u2019articolo. Jquery, per esempio, integra un’api capace di semplificarci la vita e di accedere alle funzionalit\u00e0 di Ajax in pochi passaggi.
\nIl concetto \u00e8 lo stesso del precedente, ma eseguito in un minor numero di passaggi.<\/p>\n

Lo script qui sotto (e che potete scaricare in formato zip) mostra un esempio molto semplice di utilizzo dell\u2019Ajax tramite l’api di Jquery<\/strong>. In breve:
\n– al click sull\u2019unico link della pagina, verr\u00e0 richiamata la funzione javascript \u201cstampa_blocchi()\u201d. Come parametro gli passiamo un ipotetico valore \u201cblocco1\u201d.
\n– tramite ajax eseguiremo il file esterno “prova.php”. Questo ricever\u00e0 il post $_POST[‘tipo’] che avr\u00e0 valore “blocco1”. Il codice contenuto nel file “prova.php” viene tralasciato perch\u00e9 non necessario alla spiegazione: in ogni modo, tutto quello che sar\u00e0 eleborato in questo file sar\u00e0 poi restituito dall’ajax.
\n– il contenuto elaborato nel file “prova.php” sar\u00e0 ritornato e stampato all’interno del div con id=stampa_blocchi<\/p>\n

\n
\"Usare<\/div>\n
Scarica gli script di questo articolo in formato zip<\/a><\/strong><\/div>\n<\/div>\n

<\/p>\n

Il codice nel dettaglio<\/h3>\n

Il codice \u00e8 sempre pi\u00f9 comprensibile della spiegazione, per cui diamo un’occhiata nel dettaglio alla funzione stampa_blocchi()<\/em>.<\/p>\n