Enviar formulario a través de Ajax con JQUERY diferente?

[neodani]

Buenas,

Me gustaría saber si existe una manera menos engorrosa para enviar los datos de un formulario a una página sin tener que especificar uno a uno los campos como aparecen aquí.

Código Javascript:

submitHandler: function(form){
            $.ajax({
            type: "POST",
            url: "procesa.php",
            data: "nombre="+$('#txtNombre').val()+"&email="+$('#txtEmail').val()+"&asunto="+$('#txtAsunto').val()+"&comentario="+$('#txtComentarios').val(),
            success: function(msg){
                if(msg==1){
                $("#mensaje").html("El mensaje se ha enviado correctamente");
                }
            }
            });
        }
 

La idea es algo así como todo lo que esté dentro del formulario envíalo! se puede?

Muchas gracias de antemano

[Dany_s]

con serialize

http://api.jquery.com/serialize/

[chifliiiii]

Yo suelo usar el plugin jquery form http://jquery.malsup.com/form/

[neodani]

Iniciado por Dany_s

con serialize

http://api.jquery.com/serialize/

Holas,

Lo probé así pero me da un error de depuración...

missing : after property id
[Break on this error] $.post("procesa.php", $("#formContacto").serialize()),\n

Código Javascript:

submitHandler: function(form){
            $.ajax({
            $.post("procesa.php", $("#formContacto").serialize()),
            //data: "nombre="+$('#txtNombre').val()+"&email="+$('#txtEmail').val()+"&asunto="+$('#txtAsunto').val()+"&comentario="+$('#txtComentarios').val(),
            success: function(msg){
                if(msg==1){
                $("#mensaje").html("El mensaje se ha enviado correctamente");
                }
            }
            });
        }
 

¿Qué estoy haciendo mal?

Muchas gracias de antemano

[mayid]

Creo que estas anidando una funcion $.ajax con una funcion $.post

Yo te diría que uses solo post, y que quites la palabra success porque post no la usa:

http://www.anieto2k.com/2009/08/18/5...ax-con-jquery/
http://api.jquery.com/jQuery.post/

[chifliiiii]

Como dice mayid el código que mostras es un poco lioso.

El post no hace falta que vaya adentro de .ajax

Código:

$.post("procesa.php", $("#formContacto").serialize(),
             function (data){
               //donde data es el response text 
           
                     if(data=='1'){

                              $("#mensaje").html("El mensaje se ha enviado correctamente");

                      }
             });

Creo que algo así es lo que buscas. Procesa php devuelve '1' ?

[gonza_06]

Iniciado por neodani

Holas,

Lo probé así pero me da un error de depuración...

missing : after property id
[Break on this error] $.post("procesa.php", $("#formContacto").serialize()),\n

Código Javascript:

submitHandler: function(form){
            $.ajax({
            $.post("procesa.php", $("#formContacto").serialize()),
            //data: "nombre="+$('#txtNombre').val()+"&email="+$('#txtEmail').val()+"&asunto="+$('#txtAsunto').val()+"&comentario="+$('#txtComentarios').val(),
            success: function(msg){
                if(msg==1){
                $("#mensaje").html("El mensaje se ha enviado correctamente");
                }
            }
            });
        }
 

¿Qué estoy haciendo mal?

Muchas gracias de antemano

no estoy muy seguro proba esto

Código Javascript:

submitHandler: function(form){
    $.post("procesa.php", { $("#formContacto").serialize() }, success: function(msg){
        if(msg==1){
            $("#mensaje").html("El mensaje se ha enviado correctamente");
        }
    }});
}