Ajax-forma de feedback cu privire la jquery

Ajax-forma de feedback cu privire la jquery

În acest articol, vom vorbi despre cum să facem un formular cu ajax-request, folosind biblioteca jQuery. Cu alte cuvinte, pentru a împiedica repornirea paginii, atunci când trimiteți date printr-un formular.







Biblioteca jQuery este un instrument foarte util. Aceasta simplifică foarte mult lucrul cu solicitările ajax, pentru care are un design special.

Forma de lucru, precum și crearea sa pot fi găsite în celălalt articol al nostru. O formă simplă de feedback din mâinile proprii. Sau descărcați imediat un exemplu gata făcut din acel articol:

Deci, cum să lucrăm cu biblioteca jQuery? nu uitați să îl conectați file index.html cu următoarea linie:

Acum creați folderul js. în care am pus scriptul nostru viitor într-un fișier numit ajax.js. Conectăm acest fișier la index.html. linia următoare în :







Acum, adăugați eticheta id

. totuși, este trită că va fi cu forma de valoare.

Iată cum vom arăta forma noastră acum:

Deschideți fișierul ajax.js și adăugați următorul cod:

Merită să acordați atenție liniei 7. unde este specificat modulul handler, calea trebuie specificată astfel încât scriptul să o găsească, în caz contrar mesajele nu vor fi trimise și veți face puzzle-ul pentru o lungă perioadă de timp - de ce. Vedeți dacă ați găsit scriptul sau nu, puteți afla în Instrumentele de dezvoltare ale oricărui browser.

Am scris o funcție care va trimite date prin ajax, acum adăugăm cu tipul de eveniment onClick trimis (Execută când se face clic pe element) și această funcție va fi apelată.

Iată cum va arăta forma în întregime:

Dacă încercați acum să trimiteți un mesaj, pagina va reporni, deoarece pentru cu tipul de trimitere, acesta este în codul implicit. Problema este rezolvată prin schimbarea tipului pe buton:

Ajax-forma de feedback cu privire la jquery

Iar sursele pot fi descărcate de la link-ul de mai jos:







Articole similare

Trimiteți-le prietenilor: