Nous avons parlé de GET dans la dernière vidéo, mais nous n'avons pas accordé suffisamment d'attention à POST. Alors j'ai pensé que nous ferions ça ici. La grande différence avec POST est que vous devez presque toujours transmettre des données avec la demande. Ces données peuvent prendre de nombreuses formes, mais il peut s'agir simplement d'un objet que vous avez autour. La syntaxe est également simple:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Notez le deuxième paramètre qui est un objet (essentiellement JSON) de données. Ces données peuvent être à peu près n'importe quoi (y compris une chaîne). C'est à vous de le transmettre d'une manière qui soit utile à votre backend.
De retour à notre exemple de formulaire de la dernière vidéo, que faire si vous vouliez transmettre toutes les données du formulaire entier? Vous ne vouliez pas non plus avoir à mettre à jour le JavaScript lorsque le formulaire a changé. jQuery rend cela facile avec sa méthode serialize (). Appelez-le simplement sur l'élément de formulaire lui-même:
$("#my-form").serialize();Cela examinera tout le formulaire et créera une chaîne de requête à partir de chaque entrée nommée dans le formulaire. Ensuite, vous pouvez utiliser cela comme données que vous avez passées lorsque vous $ .post ().
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));Voir le Pen CtoEg de Chris Coyier (@chriscoyier) sur CodePen