Aprendiendo jQuery: Capitulo 22 (Método post)

En este capítulo vamos a ver el método post que es una versión abreviada del método de jQuery ajax y que acorta el trabajo para realizar una petición de tipo post.

Para ello vamos a usar el mismo formulario que usamos en el capítulo de ajax:

Test Post Ajax jQuery

En base a este formulario cuando se realice el envío lo que vamos a realizar es lo siguiente:

jQuery('#main form').on('submit', function (e) {
	e.preventDefault();
	var pet = jQuery('#main form').attr('action');
	var data = jQuery('#main form').serialize();
	jQuery.post(pet, data, function (resultado, estado, jqXHR) {
		 jQuery('#status').html('Éxito');
		 alert(resultado);
	});
});

Cómo se puede apreciar en el código, paramos la ejecución por defecto del evento, recogemos la dirección a la que haremos la petición, recogemos los datos del formulario en formato para enviar con el método Serialize y por último realizamos la llamada al método post, que espera como parámetros la url de la petición, los datos de la misma y luego una función que podría parecerse al success que escribimos en el método ajax pero recibiendo un par de parámetros más como son el estado de la petición y un objeto XMLHttpRequest con datos acerca de la petición realizada.

Test Post Ajax jQuery

Este método acepta más variantes como podría ser que si queremos recuperar una página en concreto podríamos solamente realizar la llamada la misma como primera parámetro y como segundo pasarle una función que solo reciba un primer parámetro que sea la respuesta, este parámetro incluirá la web en concreto a la que realizamos la petición, sin haberle pasado ningún tipo de parámetro

Actualización: El archivo php al que se realizaba la llamada tenía un sleep y la verdad es que hacía el test un poco molesto, de modo que se lo he quitado, así que las llamadas serán instantáneas tanto en este post como en el capitulo 20.