In questo articolo vi mostrerò come effettuare delle chiamate AJAX tramite jQuery.
Vi propongo l'utilizzo di questo framework piuttosto che Javascript nativo in quanto permette di ridurre drasticamente le righe di codice scritte e rende il meccanismo della chiamata veramente semplice.
Iniziamo col dire che AJAX è l'acronimo di Asynchronous JavaScript and XML ed è ad oggi la maggiore tecnica utilizzata per sviluppare applicazioni web intereattive, ovvero le famose RIA (Rich Internet Application). Il concetto che sta alla base di una chiamata AJAX è quello di poter scambiare dati tra client e server senza ricaricare la pagina: lo scambio avviene in background tramite una chiamata asincrona.
Il poter realizzare in maniera semplice e rapida complesse chiamate di questo tipo ha reso molto diffuso il framework jQuery.
Prima di tutto quindi abbiamo bisogno di jQuery, che possiamo scaricare dal sito ufficiale. La sua installazione è molto semplice, in quanto basta includere il framework come un qualunque script Javascript:
<head> .... <script src="jquery.js"></script> .... </head>
A questo punto siamo pronti ad utilizzare jQuery all'interno delle nostre pagine. E' bene precisare che questa inclusione va effettuata nelle pagine "chiamanti", cioè quelle pagine che effettuano la chiamata AJAX, mentre non è necessaria nelle pagine "chiamate" (cioè le pagine, generalmente script lato-server, che restituiscono i dati richiesti).
Dopo questa brevissima (e probabilmente banale) introduzione su AJAX passiamo a vedere gli strumenti messi a disposizione da jQuery.
jQuery offre diversi "strumenti" agli sviluppatori AJAX; questi possono essere così classificati:
Passiamoli in rassegna.
| Corso AJAX Applicazioni Web 2.0 basate su AJAX con ASP, ASP.NET e PHP. A partire da 39 €. | |
| Corso Javascript Guida completa allo scripting lato client. A partire da 39 €. | |
| Corso PHP Corso completo per la creazione di siti Web dinamici. A partire da 49 €. |