Hablamos de GET en el último video, pero no le prestamos suficiente atención a POST. Así que pensé que haríamos eso aquí. La gran diferencia con POST es que casi siempre es necesario transmitir datos con la solicitud. Esos datos pueden tomar muchas formas, pero podría ser simplemente un objeto que tiene a su alrededor. La sintaxis también es sencilla:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Observe el segundo parámetro que es un objeto (esencialmente JSON) de datos. Esos datos pueden ser casi cualquier cosa (incluida una cadena). Depende de usted pasarlo de tal manera que sea útil para su backend.
Volviendo a nuestro ejemplo de formulario del último video, ¿qué pasa si quisiera pasar todos los datos del formulario completo? Tampoco deseaba tener que actualizar JavaScript cuando cambiaba el formulario. jQuery lo hace fácil con su método serialize (). Simplemente llámelo en el propio elemento del formulario:
$("#my-form").serialize();Eso revisará todo el formulario y creará una cadena de consulta con cada entrada con nombre en el formulario. Luego puede usar eso como los datos que pasó cuando $ .post ().
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));Vea el Pen CtoEg de Chris Coyier (@chriscoyier) en CodePen