# 17: POSTING med Ajax - CSS-tricks

Anonim

Vi talte om GET i den sidste video, men gav POST ikke nok opmærksomhed. Så jeg troede, vi ville gøre det her. Den store forskel med POST er, at du næsten altid har brug for at videregive data med anmodningen. Disse data kan tage mange former, men det kan bare være et objekt, du har omkring dig. Syntaksen er også let:

$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );

Bemærk den anden parameter, som er et objekt (i det væsentlige JSON) af data. Disse data kan være næsten alt (inklusive en streng). Det er op til dig at give det på en sådan måde, der er nyttigt for din backend.

Tilbage til vores formulareksempel fra den sidste video, hvad hvis du ville videregive alle data fra hele formularen? Du ønskede heller ikke at skulle opdatere JavaScript, når formularen blev ændret. jQuery gør det nemt med sin serialiseringsmetode (). Bare kald det på selve formelementet:

$("#my-form").serialize();

Det vil se igennem hele formularen og lave en forespørgselsstreng ud af hvert navngivet input i formularen. Derefter kan du bruge det som de data, du forbi, når du $ .post ().

$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));

Se Pen CtoEg af Chris Coyier (@chriscoyier) på CodePen