Como usar o $.post() do jQuery para enviar dados

Se você precisa enviar dados para um servidor de forma simples, o jQuery oferece uma função chamada $.post() que facilita muito esse processo. Neste post, vamos ver como usá-la na prática.

O que é o $.post()?

É um atalho do jQuery para enviar requisições HTTP do tipo POST. Ela é ideal para enviar dados de formulários, autenticação, ou qualquer outra informação para o servidor sem recarregar a página.

Exemplo básico

$.post("processa.php", { nome: "João", idade: 30 }, function(resposta) {
  console.log("Servidor respondeu:", resposta);
});
  

Explicando:

• "processa.php" é a URL para onde os dados serão enviados.
• { nome: "João", idade: 30 } são os dados enviados.
• function(resposta) {...} é executada quando a resposta chega.

Exemplo com formulário

HTML:

<form id="meuForm">
  <input type="text" name="email">
  <input type="password" name="senha">
  <button type="submit">Enviar</button>
</form>
  

jQuery:

$("#meuForm").submit(function(e) {
  e.preventDefault();

  const dados = $(this).serialize();

  $.post("login.php", dados, function(resposta) {
    alert("Resposta do servidor: " + resposta);
  });
});
  

Dica: tratando erros

$.post("rota.php", dados)
  .done(function(data) {
    console.log("Sucesso:", data);
  })
  .fail(function(xhr, status, error) {
    console.error("Erro:", error);
  });
  

Conclusão

O $.post() é uma forma rápida e eficiente de fazer requisições POST com jQuery. Ele reduz a complexidade do XMLHttpRequest ou fetch, sendo uma ótima escolha para projetos simples ou legados que já usam jQuery.