Vi snakket om GET i forrige video, men ga POST ikke nok oppmerksomhet. Så jeg trodde vi skulle gjøre det her. Den store forskjellen med POST er at du nesten alltid trenger å formidle data med forespørselen. Disse dataene kan ha mange former, men det kan bare være et objekt du har rundt deg. Syntaksen er også enkel:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Legg merke til den andre parameteren som er et objekt (i hovedsak JSON) av data. Disse dataene kan være omtrent hva som helst (inkludert en streng). Det er på deg å gi den på en slik måte som er nyttig for din backend.
Tilbake til skjemaeksemplet vårt fra forrige video, hva om du ønsker å formidle alle dataene fra hele skjemaet? Du ønsket heller ikke å måtte oppdatere JavaScript når skjemaet endret seg. jQuery gjør det enkelt med serialiseringsmetoden (). Bare kall det på selve formelementet:
$("#my-form").serialize();Det vil se gjennom hele skjemaet og lage en spørringsstreng av hver navngitte innspill i skjemaet. Deretter kan du bruke det som dataene du passerte når du $ .post ().
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));Se Pen CtoEg av Chris Coyier (@chriscoyier) på CodePen