O GET sme hovorili v minulom videu, ale testu POST sme nevenovali dostatočnú pozornosť. Takže som si myslel, že to tu urobíme. Veľký rozdiel v POST spočíva v tom, že takmer vždy musíte odovzdať údaje spolu so žiadosťou. Tieto údaje môžu mať veľa podôb, ale môže to byť iba objekt, ktorý máte v okolí. Syntax je tiež ľahká:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Všimnite si druhý parameter, ktorý je objektom (v podstate JSON) údajov. Tieto údaje môžu byť takmer o všetkom (vrátane reťazca). Je na vás, aby ste to odovzdali spôsobom, ktorý je užitočný pre váš backend.
Späť k nášmu príkladu formulára z posledného videa, čo keby ste chceli odovzdať všetky údaje z celého formulára? Tiež ste nechceli aktualizovať JavaScript, keď sa zmenil formulár. jQuery to uľahčuje svojou metódou serialize (). Stačí to zavolať na samotný formulárový prvok:
$("#my-form").serialize();To prehľadá celý formulár a vytvorí reťazec dotazu z každého pomenovaného vstupu vo formulári. Potom ich môžete použiť ako údaje, ktoré ste minuli pri $ .post ().
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));Prezrite si Pen CtoEg od Chrisa Coyiera (@chriscoyier) na stránkach CodePen