CONTATTACI

Guide per aspiranti programmatori

Sviluppatore dall'aria dubbiosa che si interroga su che cos'è jquery
Lezione 27 / 36

Introduzione ad AJAX con jQuery

Nel contesto dello sviluppo web, AJAX (Asynchronous JavaScript and XML) rappresenta una pietra miliare per la creazione di applicazioni web dinamiche e interattive. jQuery, con le sue funzionalità semplificate, rende l’implementazione di AJAX più accessibile e potente. Questo articolo esplora i concetti fondamentali di AJAX in jQuery, dimostrando come può essere utilizzato per migliorare l’esperienza utente senza ricaricare l’intera pagina. Ma andiamo per gradi.

Cos’è AJAX?

AJAX sta per Asynchronous JavaScript and XML. È una tecnica di sviluppo web che consente di aggiornare parti di una pagina web senza dover ricaricare l’intera pagina. Questo rende le applicazioni web più veloci, reattive e simili a applicazioni desktop in termini di interattività.

Il Ruolo di jQuery in AJAX

jQuery semplifica anche la gestione delle richieste AJAX, offrendo metodi facili da usare che gestiscono il lavoro pesante della creazione e gestione delle richieste. Con jQuery, gli sviluppatori possono facilmente inviare richieste GET e POST, gestire risposte e errori, e manipolare i dati ricevuti dal server.

 

Metodi get, post e AJAX in jQuery

Metodo GET in jQuery

  • Uso: Il metodo GET è principalmente utilizzato per richiedere dati da un server. È il metodo utilizzato di default quando si apre una pagina web o si clicca su un link
  • Trasmissione dei Dati: I dati inviati al server sono inclusi nell’URL, tipicamente come una stringa di query. Per esempio, in un URL come – http://example.com/page?param1=value1&param2=value2, param1 e param2 sono i dati inviati al server.
  • Limitazioni: A causa della limitazione di lunghezza dell’URL (che letia a seconda del browser e del server), GET non è adatto per il trasferimento di grandi quantità di dati. Inoltre, i dati inviati sono visibili nell’URL, il che lo rende inadatto per inviare informazioni sensibili.
  • Caching e Bookmarking: Le richieste GET possono essere memorizzate nella cache, possono rimanere nella cronologia del browser, e possono essere aggiunte ai segnalibri. Ciò le rende ideali per richieste non modificative, come il recupero di dati.

 

JQuery Get: metodo GET in jQuery

Il metodo $.get() è utilizzato per inviare una richiesta HTTP GET. Questo tipo di richiesta è comunemente usato per recuperare dati dal server, come file HTML, JSON, o script.

 

Esempio di Utilizzo di GET

$.get("example.php", function(data) {
  // Gestisci la risposta
  console.log("Dati ricevuti: " + data);
});

In questo esempio, $.get() invia una richiesta a example.php e gestisce la risposta con una funzione di callback.

 

Metodo POST in jQuery

  • Uso: Il metodo POST è usato per inviare dati al server per essere elaborati. È comunemente usato per inviare dati di form.
  • Trasmissione dei Dati: I dati inviati con una richiesta POST sono inclusi nel corpo della richiesta e non nell’URL. Questo li rende meno soggetti a limitazioni di lunghezza e li nasconde dalla URL bar del browser.
  • Sicurezza e Capacità di Dati: POST è più sicuro rispetto a GET perché i dati non sono esposti direttamente nell’URL. È anche adatto per inviare grandi quantità di dati poiché non ha le stesse limitazioni di lunghezza di GET.
  • Nessun Caching: Le risposte alle richieste POST generalmente non vengono memorizzate nella cache del browser e non possono essere aggiunte ai segnalibri. Questo comportamento le rende adatte per operazioni che modificano lo stato del server (come l’aggiornamento o l’inserimento di dati).

 

jQuery Post: metodo POST in jQuery

Il metodo $.post() è utilizzato per inviare una richiesta HTTP POST. Questo metodo è tipicamente usato per inviare dati al server, ad esempio quando si invia un modulo.

 

Esempio di Utilizzo di POST

$.post("submit.php", { name: "Mario", age: 30 }, function(data) {
  // Gestisci la risposta
  console.log("Server risponde: " + data);
});

Qui, $.post() invia i dati { name: “Mario”, age: 30 } a submit.php e gestisce la risposta.

 

JQuery Ajax: metodo AJAX in jQuery

Il metodo $.ajax() è il più versatile e potente tra i metodi AJAX in jQuery. Offre pieno controllo sulla richiesta AJAX, permettendo di specificare tipo di richiesta, dati da inviare, comportamento in caso di successo o errore, e altre opzioni.

 

Esempio di Utilizzo di AJAX

$.ajax({
  url: 'process.php',
  type: 'POST',
  data: { key: "value" },
  success: function(data) {
    // Azioni in caso di successo
    console.log("Risposta: " + data);
  },
  error: function() {
    // Azioni in caso di errore
    alert("Errore nella richiesta AJAX");
  }
});

In questo esempio, una richiesta POST viene inviata a process.php con dei dati. Le funzioni success e error gestiscono rispettivamente la risposta in caso di successo o errore della richiesta.

Contattaci senza impegno per informazioni sul corso

Pagamento rateale

Valore della rata: A PARTIRE DA 115 €/mese.

Esempio di finanziamento 

Importo finanziato: € 2440 in 24 rate da € 115 – TAN fisso 9,55% TAEG 12,57% – importo totale del credito € 2841.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

*In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Pagamento rateale

Valore della rata: A PARTIRE DA 210 €/mese.

Esempio di finanziamento  

Importo finanziato: € 4500 in 24 rate da € 210,03 – TAN fisso 9,68% TAEG 11,97% – importo totale del credito € 5146,55.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

* In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Contattaci senza impegno per informazioni sul corso

Scopriamo insieme se i nostri corsi fanno per te. Compila il form e aspetta la chiamata di uno dei nostri consulenti.