HTML5 - Ajax, invio di moduli

Uno degli usi principali che vengono dati ad Ajax è l'invio di dati al server, per questo utilizziamo i moduli di HTML5Con questo, i nostri script server possono effettuare calcoli, convalide, elaborazioni, attivare altri script, ecc. Tutto ciò che le nostre esigenze richiedono.
In questo modo otteniamo risposte alle richieste nei nostri documenti, evitando il ricaricamento dell'intera pagina, migliorando la navigazione e creando effetti molto più ottimali e interattivi per l'utente che accede al nostro sito.
Invio dei dati del modulo
Come accennato in precedenza, l'uso dei moduli è fondamentale per inviare dati al server, uno dei modi più comuni è raccogliere le informazioni da soli e formattarle, in questo modo sarebbero disponibili per essere inviate.
Vediamo il seguente codice con il quale possiamo illustrare e definire ciò che stiamo spiegando in questa sezione teorica:

 EsempioBanane:Mele:Ciliegie:Totale:0 articoliInviare il modulo 

In questo codice abbiamo semplicemente un form con diversi campi di input, nel blocco in cui iniziano le etichette vediamo come prendiamo i dati dal form e iteriamo con ogni input che troviamo, in modo che possiamo manipolarli e aggiungerli a un variabile che conterrà una stringa con ciascuno dei dati, questa stringa è simile a questa:
banane = 2 & mele = 5 & ciliegie = 20 &.
Quindi possiamo passare questi dati tramite INVIARE al nostro server e infine la risposta ricevuta viene incorporata in un elemento con un id specifico, con questo possiamo introdurre una modifica alla pagina senza doverla aggiornare completamente.
Vediamo nell'immagine seguente come apparirebbe nel nostro browser:

INGRANDIRE

Possiamo notare che questo ci permette di aggiornare la quantità di elementi che inseriamo nei campi di input, creando così un effetto asincrono che dona più ricchezza e interattività alla nostra pagina o documento. HTML5.
Con questo finiamo questo tutorial, come vediamo è abbastanza facile implementare una soluzione Ajax Ciò ci consente di inviare dati al server, senza la necessità di generare un nuovo documento e quindi di evitare di ricaricare la pagina e di perdere il contesto di ciò che l'utente potrebbe vedere sul proprio schermo.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo