Falamos sobre GET no último vídeo, mas não demos atenção suficiente ao POST. Então pensei em fazer isso aqui. A grande diferença com o POST é que quase sempre você precisa passar os dados junto com a solicitação. Esses dados podem assumir várias formas, mas podem ser apenas um objeto que você tem por perto. A sintaxe também é fácil:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );Observe o segundo parâmetro que é um objeto (essencialmente JSON) de dados. Esses dados podem ser praticamente qualquer coisa (incluindo uma string). Cabe a você passá-lo de uma forma que seja útil ao seu back-end.
De volta ao nosso exemplo de formulário do último vídeo, e se você quisesse transmitir todos os dados de todo o formulário? Você também não queria ter que atualizar o JavaScript quando o formulário mudasse. O jQuery torna isso fácil com seu método serialize (). Basta chamá-lo no próprio elemento do formulário:
$("#my-form").serialize();Isso examinará todo o formulário e criará uma string de consulta de cada entrada nomeada no formulário. Então você pode usar isso como os dados que você colou ao $ .post ().
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));Veja o Pen CtoEg de Chris Coyier (@chriscoyier) no CodePen