Original article: JQuery Ajax POST Method

Envía una solicitud http POST asíncrona para cargar datos desde un servidor. Su forma general es:

jQuery.post( url [, datos ] [, éxito ] [, tipo-de-datos ] )
  • url: Es el único parámetro obligatorio. Este texto contiene la dirección donde se enviará la solicitud. Los datos devueltos serán ignorados si ni un otro parámetro se especifica.
  • datos: Un objeto simple o una cadena de texto que es enviado al servidor con la solicitud.
  • éxito: Una función callback que es ejecutada si la solicitud tiene éxito. Toma como argumento los datos devueltos. También se pasa el texto del estado de la respuesta.
  • tipo-de-datos: El tipo de dato esperado del servidor. Por defecto se usa una Intelligent Guess (en español, "Adivinanza inteligente") (xml, json, script, text, html). Si se provee del parámetro, entonces la función callback de éxito también se debe de proveer.

Ejemplos

$.post('http://example.com/form.php', {categoría:'cliente', tipo:'premium'});

Solicita form.php del servidor, enviando datos adicionales e ignorando el resultado devuelto.

$.post('http://example.com/form.php', {categoría:'client', tipo:'premium'}, function(respuesta){ 
      alert("éxito");
      $("#resultado").html(respuesta.cantidad);
});

Solicita form.php del servidor, enviando datos adicionales y manejando la respuesta devuelta (en formato json). Este ejemplo se puede escribir en este formato:

$.post('http://example.com/form.php', {categoría:'client', tipo:'premium'}).done(function(respuesta){
      alert("éxito");
      $("#resultado").html(respuesta.cantidad);
});

El siguiente ejemplo envía un formulario usando Ajax y pone los resultados en un div

<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title>Ejemplo de jQuery.post</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<form action="/" id="formulario">
  <input type="text" name="b" placeholder="Buscar...">
  <input type="submit" value="Buscar">
</form>
<!-- el resultado de la busqueda será mostrado dentro de éste div -->
<div id="resultado"></div>
 
<script>
// Une un controlador de submit(de entrega) al formulario
$( "#formulario" ).submit(function( evento ) {
 
  // Evita que el formulario se entregue normalmente
  evento.preventDefault();
 
  // Obten algunos valores de elementos en la página:
  var $formulario = $( this ),
    término = $formulario.find( "input[name='b']" ).val(),
    url = $formulario.attr( "action" );
 
  // Envía los datos usando post
  var postear = $.post( url, { b: término } );
 
  // Pon los resultados en un div
  postear.done(function( datos ) {
    var contenido = $( datos ).find( "#contenido" );
    $( "#resultado" ).empty().append( contenido );
  });
});
</script>
 
</body>
</html>

El siguiente ejemplo usa la api de github para obtener la lista de repositorios de un usuario usando jQuery.ajax() y poniendo los resultados en un div

<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title>ejemplo de jQuery Get</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<form id="formulario">
  <input type="text" name="usuario" placeholder="Ingresa el nombre de usuario de gitHub">
  <input type="submit" value="Buscar">
</form>
<!-- el resultado de la busqueda será mostrado dentro de éste div -->
<div id="resultado"></div>
 
<script>
// Une un controlador de submit(de entrega) al formulario
$( "#formulario" ).submit(function( evento ) {
 
  // Evita que el formulario se entregue normalmente
  evento.preventDefault();
 
  // Obten algunos valores de elementos en la página:
  var $formulario = $( this ),
    usuario = $formulario.find( "input[name='usuario']" ).val(),
    url = "https://api.github.com/users/"+usuario+"/repos";
 
  // Envía los datos usando post
  var postear = $.post( url, { b: usuario } );
 
  // Función Ajax para enviar una solicitud get
  $.ajax({
    type: "GET",
    url: url,
    dataType:"jsonp"
    success: function(respuesta){
        //si la solicitud es hecha éxitosamente entonces la respuesta representa los datos

        $( "#resultado" ).empty().append( respuesta );
    }
  });
  
});
</script>
 
</body>
</html>

jQuery.ajax()

$.post( url [, datos ] [, éxito] [, tipo-de-datos] ) es una función de Ajax abreviada equivalente a:

$.ajax({
  type: "POST",
  url: url,
  data: datos,
  success: éxito,
  dataType: tipo-de-dato
});

La función $.ajax() provee muchas más opciones que se pueden encontrar aquí

Más información:

Para más información, por favor visita el sitio oficial