Envía una solicitud HTTP POST asincrónica para cargar datos desde el servidor. Su forma general es:
jQuery.post( url [, data ] [, success ] [, dataType ] )- url: es el único parámetro obligatorio. Esta cadena contiene la dirección a la que enviar la solicitud. Los datos devueltos se ignorarán si no se especifica ningún otro parámetro
- datos: un objeto simple o una cadena que se envía al servidor con la solicitud.
- éxito: Una función de devolución de llamada que se ejecuta si la solicitud tiene éxito. Toma como argumento los datos devueltos. También se pasa el estado de texto de la respuesta.
- dataType: el tipo de datos que se espera del servidor. El valor predeterminado es Intelligent Guess (xml, json, script, text, html). si se proporciona este parámetro, también se debe proporcionar la devolución de llamada exitosa.
Ejemplos
$.post('//example.com/form.php', {category:'client', type:'premium'});solicitudes form.phpdel servidor, enviando datos adicionales e ignorando el resultado devuelto
$.post('//example.com/form.php', {category:'client', type:'premium'}, function(response){ alert("success"); $("#mypar").html(response.amount); });solicitudes form.phpdel servidor, enviando datos adicionales y manejando la respuesta devuelta (formato json). Este ejemplo se puede escribir en este formato:
$.post('//example.com/form.php', {category:'client', type:'premium'}).done(function(response){ alert("success"); $("#mypar").html(response.amount); });El siguiente ejemplo publica un formulario usando Ajax y coloca los resultados en un div
jQuery.post demo // Attach a submit handler to the form $( "#searchForm" ).submit(function( event ) { // Stop form from submitting normally event.preventDefault(); // Get some values from elements on the page: var $form = $( this ), term = $form.find( "input[name='s']" ).val(), url = $form.attr( "action" ); // Send the data using post var posting = $.post( url, { s: term } ); // Put the results in a div posting.done(function( data ) { var content = $( data ).find( "#content" ); $( "#result" ).empty().append( content ); }); }); El siguiente ejemplo usa la api de github para obtener la lista de repositorios de un usuario usando jQuery.ajax () y poner los resultados en un div
jQuery Get demo // Attach a submit handler to the form $( "#userForm" ).submit(function( event ) { // Stop form from submitting normally event.preventDefault(); // Get some values from elements on the page: var $form = $( this ), username = $form.find( "input[name='username']" ).val(), url = "//api.github.com/users/"+username+"/repos"; // Send the data using post var posting = $.post( url, { s: term } ); //Ajax Function to send a get request $.ajax({ type: "GET", url: url, dataType:"jsonp" success: function(response){ //if request if made successfully then the response represent the data $( "#result" ).empty().append( response ); } }); }); jQuery.ajax ()
$.post( url [, data ] [, success ] [, dataType ] ) es una función abreviada Ajax, equivalente a:
$.ajax({ type: "POST", url: url, data: data, success: success, dataType: dataType });$.ajax() proporciona muchas más opciones que se pueden encontrar aquí
Más información:
Para más información, por favor visite la página oficial