Enviar formulario dinamico con ajax que tenga n campos

Citar

Escrito el 05 Dic 2012 03:03 pm

Tengo un formulario dinámico que puedo agregar n campos, el problema es como puedo capturar con jQuery esos n campos y enviarlo a través de ajax al servidor para que me procese la información, les agradecería mucho si me pudieran ayudar con este tema.

Pdt: estoy usando PHP, JavaScript(jQuery) y AJAX.

Por Johao Brandao

5 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Designer and Developer Web

Citar

Escrito el 05 Dic 2012 05:18 pm

Este plugin hacr exactamente lo que necesitas

jquery.form

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Web

Front-end Developer

Citar

Escrito el 05 Dic 2012 06:19 pm

En el form pones onsubmit="return pepito(this)"

En la función pepito(form)
haces un var data = $(form).serialize() para que te arme una cadena con los campos y sus valores.

Después haces la llamada AJAX pasandole data (dentro de pepito... o pasandole data a la función que hace la petición...).

Y al final de la función pones return false para que no haga el submit el formulario.

Saludos!

Por SinSemilla

Claber

336 de clabLevel

Genero:Masculino

Envíale un mensaje privado

i am that i am...

Citar

Escrito el 07 Dic 2012 10:15 pm

SinSemilla escribió:

En el form pones onsubmit="return pepito(this)"

En la función pepito(form)
haces un var data = $(form).serialize() para que te arme una cadena con los campos y sus valores.

Después haces la llamada AJAX pasandole data (dentro de pepito... o pasandole data a la función que hace la petición...).

Y al final de la función pones return false para que no haga el submit el formulario.

Saludos!

Pues me funciona perfectamente, gracias por el dato SinSemilla

. ahora mi problema es como recibir los n parámetros que se envía por la url con php, lo estoy enviando por medio de POST.

Si lo recibo por $valor1 = $_POST['a'] solo recivira un parámetro pero si son n parámetros como seria lo solucion?

Por Johao Brandao

5 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Designer and Developer Web

Citar

Escrito el 08 Dic 2012 03:07 pm

En el formulario tenés que pornerle a los campos dinámicos un array, entonces así sabes cuales y cuantos son los que llegaron de forma dinámica, ej:

Código HTML :

sarasa 1:
<input name="dinamicos[]" type="text">
sarasa 2:
<input name="dinamicos[]" type="text">
sarasa 3:
<input name="dinamicos[]" type="text">

Y el archivo que los recibe, le va a llegar como un array llamado $_POST['dinamicos'], lo que si, no tenés un índice, si lo precisas para saber el nombre podrías hacer lo siguiente:

Código HTML :

sarasa 1:
<input name="nombre_dinamicos[]" type="hidden" value="el key del value de abajo">
<input name="dinamicos[]" type="text">
sarasa 2:
<input name="nombre_dinamicos[]" type="hidden" value="el key del value de abajo">
<input name="dinamicos[]" type="text">
sarasa 3:
<input name="nombre_dinamicos[]" type="hidden" value="el key del value de abajo">
<input name="dinamicos[]" type="text">

Entonces te llegarían 2 arrays, uno con los valores y otro con los índices...

Saludos!

Por SinSemilla

Claber

336 de clabLevel

Genero:Masculino

Envíale un mensaje privado

i am that i am...

Citar

Escrito el 09 Dic 2012 12:15 am

SinSemilla escribió:

En el formulario tenés que pornerle a los campos dinámicos un array, entonces así sabes cuales y cuantos son los que llegaron de forma dinámica, ej:

Código HTML :

sarasa 1:
<input name="dinamicos[]" type="text">
sarasa 2:
<input name="dinamicos[]" type="text">
sarasa 3:
<input name="dinamicos[]" type="text">

Y el archivo que los recibe, le va a llegar como un array llamado $_POST['dinamicos'], lo que si, no tenés un índice, si lo precisas para saber el nombre podrías hacer lo siguiente:

Código HTML :

sarasa 1:
<input name="nombre_dinamicos[]" type="hidden" value="el key del value de abajo">
<input name="dinamicos[]" type="text">
sarasa 2:
<input name="nombre_dinamicos[]" type="hidden" value="el key del value de abajo">
<input name="dinamicos[]" type="text">
sarasa 3:
<input name="nombre_dinamicos[]" type="hidden" value="el key del value de abajo">
<input name="dinamicos[]" type="text">

Entonces te llegarían 2 arrays, uno con los valores y otro con los índices...

Saludos!

Excelente aporte me funciona muy bien, gracias una vez más por el dato SinSemilla.

Saludos!

Por Johao Brandao

5 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Designer and Developer Web

Citar

Escrito el 10 Dic 2012 12:09 pm

De nada bro, me alegra que le haya servido.

Saludos!

Por SinSemilla

Claber

336 de clabLevel

Genero:Masculino

Envíale un mensaje privado

i am that i am...

Citar

Escrito el 13 Dic 2012 10:38 pm

para capturar los datos de un formulario lo mejor es .serialize() de jquery

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

Código Javascript :

//capturar los inputs en una variable
var inputs = $('#miForm').serialize();
//usar ajax para enviar los datos por post
$.ajax({
type:'POST'
,url:'url/de/envio'
,data: inputs 
,success: function(resp.){
alert('datos enviados con exito');
}
});

espero sea lo que necesitas

Por animatk

10 de clabLevel

Genero:Masculino

Envíale un mensaje privado Web

Diseño

@animatk

Enviar formulario dinamico con ajax que tenga n campos

Escribe una respuesta rapida