Envío de formularios vía AJAX, mediante Jquery y PHP

Aquí te mostramos un ejemplo sencillo de cómo enviar un formulario vía AJAX. Los datos del formulario se reciben en un archivo PHP y se devuelve una respuesta json.

HTML
<form class="form" method="post" enctype="multipart/form-data">	
   <input type="text" name="name" values="Carlos" >
   <button type="submit" name="submit">Enviar</button>
</form>
SCRIPT
    $(".form").submit(function(){
        var form = $(this).serialize();
        $.post("ajax.php", form, function(data) {
	    if(data.res==1) {		
                alert(data.msg);
	    } else {
                alert(data.msg);
	    }
	},'json');
	return false;
    });
AJAX
$name=$_POST['name'];

if($name!="") {
    $res['res']=1;
    $res['msg']="Ok";
} else {
    $res['res']=1;
    $res['msg']="Nombre vacío";
}

echo json_encode($res);
Solicitamos su permiso para obtener datos estadísticos de su navegación en esta web, en cumplimiento del Real Decreto-ley 13/2012. Si continúa navegando consideramos que acepta el uso de cookies.
OK | Más información