Vi pratade om GET i den senaste videon men gav POST inte tillräckligt med uppmärksamhet. Så jag trodde att vi skulle göra det här. Den stora skillnaden med POST är att du nästan alltid behöver skicka data med begäran. Den informationen kan ta många former, men det kan bara vara ett objekt du har runt. Syntaxen är också lätt:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Lägg märke till den andra parametern som är ett objekt (i huvudsak JSON) av data. Den informationen kan vara nästan vad som helst (inklusive en sträng). Det är på dig att skicka det på ett sådant sätt som är användbart för din backend.
Tillbaka till vårt formulärexempel från den senaste videon, vad händer om du vill skicka all information från hela formuläret? Du ville inte heller behöva uppdatera JavaScript när formuläret ändrades. jQuery gör det enkelt med sin serialiseringsmetod (). Ring det bara på själva formulärelementet:
$("#my-form").serialize();Det kommer att titta igenom hela formuläret och göra en frågesträng av varje namngiven inmatning i formuläret. Då kan du använda det som de data du har förbi 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