HTML5 - Ajax, trimiterea formularului

Cuprins
Una dintre principalele utilizări date Ajax este trimiterea de date către server, pentru aceasta folosim formularele de HTML5Cu aceasta, scripturile serverului nostru pot face calcule, validări, procesări, pot activa alte scripturi etc. Tot ceea ce necesită nevoile noastre.
În acest fel, obținem răspunsuri la solicitările din documentele noastre, evitând reîncărcarea întregii pagini, îmbunătățind navigarea și creând efecte mult mai optime și interactive pentru utilizatorul care intră pe site-ul nostru.
Trimiterea datelor formularului
După cum am menționat mai devreme, utilizarea formularelor este esențială pentru trimiterea datelor către server, una dintre cele mai frecvente modalități constând în colectarea informațiilor pe cont propriu și formatarea acestora, în acest fel ar fi disponibile pentru a fi trimise.
Să vedem următorul cod cu care putem ilustra și defini ceea ce explicăm în această secțiune teoretică:
 ExempluBanane:Mere:Cireșe:Total:0 articoleTrimiteți formularul 

În acest cod pur și simplu avem un formular cu mai multe câmpuri de intrare, în blocul unde încep etichetele vedem cum luăm datele din formular și iterăm cu fiecare intrare pe care o găsim, astfel încât să le putem manipula și adăuga la o variabilă care va conține un șir cu fiecare dintre date, acest șir arată similar cu acesta:
banane = 2 & mere = 5 & cireșe = 20 &.
Apoi putem transmite aceste date prin POST pe serverul nostru și în cele din urmă răspunsul primit este încorporat într-un element cu un ID specific, cu aceasta putem introduce o modificare a paginii fără a fi nevoie să o reîmprospătăm complet.
Să vedem în următoarea imagine cum ar arăta acest lucru în browserul nostru:

MARI

Putem observa că acest lucru ne permite să actualizăm cantitatea de articole pe care le plasăm în câmpurile de intrare, creând astfel un efect asincron care oferă mai multă bogăție și interactivitate paginii sau documentului nostru. HTML5.
Cu aceasta terminăm acest tutorial, deoarece vedem că este destul de ușor să implementați o soluție Ajax Acest lucru ne permite să trimitem date către server, fără a fi nevoie să generăm un document nou și să evităm astfel reîncărcarea paginii și pierderea contextului a ceea ce utilizatorul poate vedea pe ecran.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv

Vei ajuta la dezvoltarea site-ului, partajarea pagina cu prietenii

wave wave wave wave wave