jQuery Ajax: come effettuare richieste Ajax tramite jQuery

Pubblicato il 15 Marzo 2010

Oggi vediamo come effettuare chiamate Ajax utilizzando il famoso framework jQuery. Per prima cosa scarichiamo jQuery dal sito ufficiale e includiamo il file nella nostra pagina web:

Ora diamo un’occhiata al file PHP al quale faremo la richiesta con Ajax. Il file PHP riceverà un ID integer e ci restituirà una risposta in formato testo, risposta, che visualizzeremo nel div con ID univoco “output“:

Ecco che, con poche righe jQuery, possiamo effettuare la richiesta:

Modificando il valore del parametro id in data, magari inserendo dati in input tramite un form, visualizzeremo il messaggio opportuno a seconda del parametro inviato, in questo caso, un numero intero (1,2 o 3). La risposta testuale fornita dal file PHP è contenuta nel parametro response e la visualizziamo nel div output tramite la riga:

$("#output").html(response);

Questo è un semplice esempio ma, con altrettanta semplicità, potremo realizzare applicazioni complesse senza scrivere un’infinità di righe di codice grazie a un potente framework come jQuery 😉

Chart.js e jQuery: caricare dati JSON in un grafico

Ecco 8 errori comuni nella programmazione Ajax da tenere sempre presenti

PHP image save: salvare un'immagine a partire da una URL

Condividi il post con i tuoi amici o colleghi