[Jquery] Manipulacion de Formularios

Hoy veremos una buena manera de manipular un formulario y realizar un envio de POST por ajax con una sintaxis muy comoda.

Requisitos:
Jquery 1.2.6 o superior
Jquery.validate
Jquery.json
Jquery.jqFormulario ( desarrollado por allcoders )
PHP 4 o 5 ( recomendado 5 )

BAJAR EJEMPO


No entrare en detalles en el armado del formulario y pasare directamente a lo practico de este tutorial.

Al momento de realizar el POST con Jquery usamos el $.post, pero en ves de eso usaremos la libreria jqFormulario lo cual nos permitira enviar en un json todos los datos de nuestro formulario de una manera muy simple

// Obtengo los checkbox seleccionados y los agrupo en un Array
var Checkboxs = new Array();
$('form#form input[type="checkbox"]:checked').each(function(){
Checkboxs.push($(this).val());
});

// Seteo los valores que voy a enviar en el post del formulario
$.jqFormulario.setParams({
Datas:$.jqFormulario.convert($('form#form input.inputsave')),
Checkboxs:Checkboxs
});

// Seteo el formulario
$.jqFormulario.setForm('#form');

// Realizo el post por ajax del formulario
$.jqFormulario.saveForm({
// indico una accion en el callback del post
_return: function(data){
alert("EL formulario de envio! - ver Callback:\n " + data);
}

jqFormulario:
Este plugin lo que terminara haciendo es convertir todos los inputs a un Objecto y despues con el plugin Jquery.json pasarlo a Json, terminando el proceso un un $.post ajax de jquery.

Del lado del PHP lo que haremos para reucperar el json es:

$json = json_decode(stripcslashes($_POST['Params']));
print_r($json);