Integrar con php un Jquery

Alanfederico · #1 (**permalink**) 09/04/2016, 20:52

Hola amigos estoy aprendiendo algo de jquery pero no logro entender como funciona para enviarle los datos a mi procesar.php

estoy usando este script

http://www.jankoatwarpspeed.com/turn...wizard-plugin/

Necesito un empujoncito..

Muchas Gracias!

NueveReinas · #2 (**permalink**) 09/04/2016, 21:04

¿Qué es lo que llevas hecho y qué resultados te está dando?

Alanfederico · #3 (**permalink**) 09/04/2016, 21:09

no pude meter nada! si no se como es... tengo ese codigo quiero tomar los datos de ese formulario..

NueveReinas · #4 (**permalink**) 09/04/2016, 21:16

No estás concretando nada y aquí nadie es adivino. ¿Qué código? ¿Qué formulario?

Alanfederico · #5 (**permalink**) 09/04/2016, 21:18

Cita:

Iniciado por NueveReinas

No estás concretando nada y aquí nadie es adivino. ¿Qué código? ¿Qué formulario?

Justo en mi post puse el link quizas se te paso por alto... el formulario lo descargas de alli directamente...

Cita:

Iniciado por Alanfederico

Hola amigos estoy aprendiendo algo de jquery pero no logro entender como funciona para enviarle los datos a mi procesar.php

estoy usando este script

http://www.jankoatwarpspeed.com/turn...wizard-plugin/

Necesito un empujoncito..

Muchas Gracias!

Para descarga te lo coloco por las dudas:

http://www.jankoatwarpspeed.com/wp-c...rmToWizard.zip

NueveReinas · #6 (**permalink**) 09/04/2016, 21:22

Primero, esto corresponde al foro de jQuery. Espero que algún mod lo mueva.

Segundo, sí, vi el enlace, pero entiendo qué problema concreto se te presenta.

Alanfederico · #7 (**permalink**) 09/04/2016, 21:24

que no se integrarlo con php como hago para que lo que se coloque en el formulario.. se envie a travez del metodo post a un archivo procesar.php... y los reciba como variable osea el php lo se hacer y todo demas pero no entiendo porque aparentemente jquery hace el envio con el mismo jquery ...

toda mi vida use asi:

<form id="form1" name="form1" method="post" action="process.php">

pero asi no anda... vi miles de codigos jquery son todos distintos y no logro entender como hacen los envios... sin usar el action..

espero haberme explicado mejor!

NueveReinas · #8 (**permalink**) 09/04/2016, 21:30

Cita:

Iniciado por Alanfederico

que no se integrarlo con php como hago para que lo que se coloca en el form valla en variable post a un archivo procesar.php...

Prueba editando el action del form o enviándolo vía AJAX.

Alanfederico · #9 (**permalink**) 09/04/2016, 21:34

Cita:

Iniciado por NueveReinas

Prueba editando el action del form o enviándolo vía AJAX.

editando el form no anda y agregarle " el famoso code ajax simple que todos dicen" no se donde agregarlo...

que seria este: si mal no me eqivoco

$.ajax({
type: "POST",
dataType: "json",
url: "proceso.php",
data: data}

NueveReinas · #10 (**permalink**) 09/04/2016, 21:38

Te hago una pregunta básica: ¿estás incluyendo el framework jQuery?

Alanfederico · #11 (**permalink**) 09/04/2016, 21:40

Cita:

Iniciado por NueveReinas

Te hago una pregunta básica: ¿estás incluyendo el framework jQuery?

siempre!!

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

NueveReinas · #12 (**permalink**) 09/04/2016, 21:42

Prueba creando un Fiddle con todo el código que tienes (no PHP).

https://jsfiddle.net/

Si haces click donde dice "JAVASCRIPT" y el engranaje, puedes seleccionar jQuery como "frameworks y extensiones".

Alanfederico · #13 (**permalink**) 09/04/2016, 21:49

Cita:

Iniciado por NueveReinas

Prueba creando un Fiddle con todo el código que tienes (no PHP).

https://jsfiddle.net/

Si haces click donde dice "JAVASCRIPT" y el engranaje, puedes seleccionar jQuery como "frameworks y extensiones".

http://jsfiddle.net/pivi/sRvtc/1/

NueveReinas · #14 (**permalink**) 09/04/2016, 21:54

Bien, eso parece funcionar. ¿Modificaste el action? ¿Te aseguraste que la ruta sea correcta?

Alanfederico · #15 (**permalink**) 09/04/2016, 21:55

segurisimo... le coloco el action y no redirecciona a ningun lado

NueveReinas · #16 (**permalink**) 09/04/2016, 21:59

Cita:

Iniciado por Alanfederico

segurisimo... le coloco el action y no redirecciona a ningun lado

¿Estás usando XAMPP o algún servidor que interprete PHP?

Alanfederico · #17 (**permalink**) 09/04/2016, 22:01

Cita:

Iniciado por NueveReinas

¿Estás usando XAMPP o algún servidor que interprete PHP?

el mismisimo hosting....

<form id="SignupForm" method="post" action="2.php">

asi es mi form..

por las dudas si me preguntas use $.ajax... si tambien y no funciono... asi es el head..

<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css"/>
<title>Formulario</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="formToWizard.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#SignupForm").formToWizard({ submitButton: 'SaveAccount' })
});
$.ajax({
data: parametros,
url: 'ejemplo_ajax_proceso.php',
type: 'post',
beforeSend: function () {
$("#resultado").html("Procesando, espere por favor...");
},
success: function (response) {
$("#resultado").html(response);
}
});
</script>
</head>

NueveReinas · #18 (**permalink**) 09/04/2016, 22:13

Prueba enviando los datos sin el plugin ese de jQuery. A HTML puro.

Alanfederico · #19 (**permalink**) 09/04/2016, 22:26

Cita:

Iniciado por NueveReinas

Prueba enviando los datos sin el plugin ese de jQuery. A HTML puro.

Su mensaje se ha enviado correctamente
Volver

un fromulario integrado con boobtrat algo asi jaja

puede ser que el jquery sea muy viejo ya?

NueveReinas · #20 (**permalink**) 09/04/2016, 22:30

Es posible que sea viejo, pero no debería tener inconvenientes a la hora de enviar un formulario usando HTML5.

No termino de entender como ese plugin interrumpe el envío de los datos.

rodocoyote15 · #21 (**permalink**) 10/04/2016, 09:43

Veo que tienen un ejemplo aquí: demo

Y en su código utilizan esto, que es lo mismo que estás usando:

Código HTML:

Ver original<input id="SaveAccount" type="button" value="Submit form" />

No deberías cambiar type="button por submit para que ejecute la acción?

Código HTML:

Ver original<input id="SaveAccount" type="submit" value="Submit form" />

Edito. Dejando el saveaccount como button, si creas un evento en javascript, capturando los datos y serializando los datos del formulario, funciona correctamente. Lo único que hace falta es colocarle un name a cada uno de los campos del form, es por ello que quizá no recibías nada, ya que tienen ID mas no name.

Aquí te dejo un fiddle funcionando: http://jsfiddle.net/moywL8q0/