We hadden het in de laatste video over GET, maar gaven POST niet genoeg aandacht. Dus ik dacht dat we dat hier zouden doen. Het grote verschil met POST is dat je bijna altijd gegevens moet doorgeven met het verzoek. Die gegevens kunnen vele vormen aannemen, maar het kan gewoon een object zijn dat u in de buurt heeft. De syntaxis is ook eenvoudig:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Let op de tweede parameter die een object (in wezen JSON) van gegevens is. Die gegevens kunnen zo ongeveer alles zijn (inclusief een string). Het is aan jou om het door te geven op een manier die nuttig is voor je backend.
Terug naar ons formuliervoorbeeld uit de laatste video, wat als u alle gegevens van het hele formulier wilt doorgeven? U wilde ook de JavaScript-code niet bijwerken toen het formulier veranderde. jQuery maakt dat gemakkelijk met de methode serialize (). Noem het gewoon op het formulierelement zelf:
$("#my-form").serialize();Dat zal het hele formulier doorzoeken en een queryreeks maken van elke benoemde invoer in het formulier. Dan kun je dat gebruiken als de gegevens die je hebt geplakt toen je $ .post ().
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));Zie de Pen CtoEg door Chris Coyier (@chriscoyier) op CodePen