Foros del Web » Programando para Internet » Jquery »

Problema jQuery Ajax

Estas en el tema de Problema jQuery Ajax en el foro de Jquery en Foros del Web. Hola a todos en estos momentos estoy aprendiendo a usar ajax por medio de jquery para guardar un formulario, pero al momento de enviar los ...
  #1 (permalink)  
Antiguo 15/03/2013, 18:09
 
Fecha de Ingreso: noviembre-2012
Mensajes: 26
Antigüedad: 12 años
Puntos: 1
Pregunta Problema jQuery Ajax

Hola a todos en estos momentos estoy aprendiendo a usar ajax por medio de jquery para guardar un formulario, pero al momento de enviar los valores de los campos es como si no encontrara la ubicacion del archivo que realiza el guardado pero la ubicación es correcta, y lo que lo complica mas es que no me da ningún error.
el codigo que poseo es este:

HTML:
<form name="frm-registro" id="frm-registro" method="POST" onSubmit="return valida(this)">

<strong>Nombre:</strong>
<input name="nombre" type="text" id="nombre" maxlength="20"/>

<strong>Apellido:</strong>
<input name="apellido" type="text" id="apellido" maxlength="20"/>

<strong>Email:</strong>
<input name="email" type="text" id="email" maxlength="40" />

<strong>Nombre de Usuario (Login):</strong></td>
<input name="usuario" type="text" id="usuario" maxlength="15"/>

<strong>Contrase&ntilde;a:</strong>
<input name="pass" type="password" id="pass" maxlength="15"/>

<strong>Confirme su Contrase&ntilde;a:</strong>
<input name="pass2" type="password" id="pass2" maxlength="15"/>

<input type="submit" value="Enviar"/>

</form>

en el archivo JS tengo la siguiente funcion:

function valida(obj){

En esta parte van condiciones IF para verificar que los campos no estan vacios no la coloco porque es algo trivial. Y si los campos no estan vacios realiza lo siguiente:

var myUrl="clases/ajax/ajax-registro.php";
var i = $('#frm-registro').serialize();
$.ajax({
type: "POST",
url: myUrl,
data: i,
success: function(data){
alert(data);
}
});
return false
}

el archivo PHP tiene lo siguiente:

$nombre = sanitize($_POST['nombre']);
$apellido = sanitize($_POST['apellido']);
$email = sanitize($_POST['email']);
$usuario = sanitize($_POST['usuario']);
$pass = sanitize($_POST['pass']);

echo "--".$nombre."--".$apellido."--".$email."--".$usuario."--".$pass;exit();

lo curioso es que si esto lo ejecuto sin jquery ajax si funciona, es decir si en el formulario coloco el atributo action="clases/ajax/ajax-registro.php" lo hace bien. Gracias y Saludos
  #2 (permalink)  
Antiguo 15/03/2013, 19:29
Avatar de rottenp4nx  
Fecha de Ingreso: octubre-2012
Ubicación: Santiago
Mensajes: 417
Antigüedad: 12 años, 1 mes
Puntos: 36
Respuesta: Problema jQuery Ajax

Deberías poner todo el código, por algo a lo mejor no te compila el js, porque no veo ningun error de sintaxis en la función

Saludos
  #3 (permalink)  
Antiguo 17/03/2013, 06:10
Avatar de ipraetoriux  
Fecha de Ingreso: abril-2010
Ubicación: ipraetoriux.com
Mensajes: 1.125
Antigüedad: 14 años, 6 meses
Puntos: 155
Respuesta: Problema jQuery Ajax

...ok, haber lo he probado, el ajax funciona correctamente, pero me da error en el PHP, puntualmente con sanitize()...si lo quito me retorna los datos correctamente pero no saneados...

...el error es...

Código PHP:
Ver original
  1. Fatal error: Call to undefined function sanitize() in..

...si quieres hacer un saneamiento y validación de datos en PHP puedes usar esto...http://net.tutsplus.com/tutorials/ph...h-php-filters/
  #4 (permalink)  
Antiguo 17/03/2013, 12:47
 
Fecha de Ingreso: noviembre-2012
Mensajes: 26
Antigüedad: 12 años
Puntos: 1
Respuesta: Problema jQuery Ajax

Hola rottenp4nx y ipraetoriux gracias por responder, lo de la funcion sanitize es una funcion que limpia los envios de datos de caracteres especiales se me olvido quitarla para el ejemplo xd, le dije a un compañero acerca de esto y me dijo que probablemente sea por que estoy trabajando con wampserver pero no tengo idea esta es la primera vez que lo utilizo. rottenp4nx el codigo javascript completo es:

function valida(obj){

if(obj.nombre.value==""){alert("campo vacio"); return false}
else if(obj.apellido.value==""){alert("campo vacio"); return false}
else if(obj.email.value==""){alert("campo vacio"); return false}
else if(obj.usuario.value==""){alert("campo vacio"); return false}
else if(obj.pass.value==""){alert("campo vacio"); return false}
else if(obj.pass2.value==""){alert("campo vacio"); return false}
else{
var myUrl="clases/ajax/ajax-registro.php";
var i = $('#frm-registro').serialize();
$.ajax({
type: "POST",
url: myUrl,
data: i,
success: function(data){
alert(data);
}
});
return false
}
}

Pero como digo antes nose si el error sea porque uso wampserver gracias y saludos

Etiquetas: ajax, campos, formulario, funcion, html, input, javascript, js, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:49.