O GET-u smo razgovarali u prošlom videu, ali POST-u nismo posvetili dovoljno pažnje. Pa sam mislio da ćemo to učiniti ovdje. Velika je razlika s POST-om u tome što gotovo uvijek morate proslijediti podatke sa zahtjevom. Ti podaci mogu imati razne oblike, ali to bi mogao biti samo objekt koji imate u blizini. Sintaksa je također jednostavna:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Primijetite drugi parametar koji je objekt (u biti JSON) podataka. Ti podaci mogu biti o bilo čemu (uključujući niz). Na vama je da ga proslijedite na način koji je koristan za vašu pozadinu.
Vratimo se našem primjeru obrasca iz zadnjeg videozapisa, što ako želite proslijediti sve podatke iz cijelog obrasca? Također niste željeli ažurirati JavaScript kada se obrazac promijenio. jQuery to olakšava svojom serialize () metodom. Samo ga pozovite na samom elementu obrasca:
$("#my-form").serialize();To će pregledati cijeli obrazac i stvoriti niz upita od svakog imenovanog ulaza u obrazac. Tada to možete koristiti kao podatke koje ste prošli kada $ .post ().
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));Pogledajte Pen CtoEg Chrisa Coyiera (@chriscoyier) na CodePenu