algo mal al recibir la data en un envio de form por $.ajax

[catpaw]

que tal forer@s como les va

tengo el siguiente form:

Código HTML:

<form id="login" name="login" method="post">
     <em>Nombre de usuario:</em> <input type="text" name="usuario" id="usuario" maxlength="5" size="5" /> 
     <em>Password:</em> <input type="password" name="password" id="password" size="10" /> 
     <input type="submit" value="Entrar" /> 
</form>
<div id="response"></div>
 

y es mi codigo jquery:

Código Javascript:

$(document).ready(function(){
    $("#login").submit(function(){
        if($("#usuario").val() == ""){
            alert("Debe ingresar su nombre de usuario");
        } else{
            if($("#password").val() == ""){
                alert("Debe ingresar su contraseña");
            } else{
                var formulario = $('#login').serialize();       
                $.ajax({
                    url: 'login/acceso_process.php',
                    data: formulario,
                    type: 'POST',
                    dataType: 'json',
                    success: function(result){
                        if (result.success){
                            alert("ok");
                        } else{
                            alert("error");
                            $('#response').text(result.error).fadeIn('slow'); // Mesaje de error en validacion
                        }
                    }
                });
            }
        }
    });
});
 

y el php:

Código PHP:

include('conexion.php');
require_once("JSON.php"); 
 
$json = new Services_JSON;
 
$usuario = $_POST['usuario'];
$contrasena = md5($_POST['password']);
 
//hago la consulta a la bd y valido datos
 
if($BD_usuario==""){
        $mensaje = "El usuario no existe en el sistema";
    }
    else{
        if ($contrasena!=$BD_contrasena){
            $mensaje = "La contraseña es incorrecta";
        }
        else{
            $result = "ok";
       }
 
        if($result=="ok"){
        echo $json->encode(array('success'=>true));
    } else{
        echo $json->encode(array('error'=>$mensaje));
    }
 

Bueno lo que sucede es que si meto los datos correctos si funciona el codigo, es decir si me muestra el alert("ok") pero cuando a proposito meto mal ya sea el nombre de usuario o la contraseña, simplemente no pasa nada, como que la pagina se ve que recarga muy rapido pero no me muestra nada

ya llevo rato con esto y no veo el error, si alguien puediera echarle un ojo se los agradeceria mucho

[jonni09lo]

Hola prueba esto:

Código PHP:

$mensaje = '';
$result = '';
if($BD_usuario==""){
    $mensaje = "El usuario no existe en el sistema";
}else{
    if ($contrasena!=$BD_contrasena){
        $mensaje = "La contraseña es incorrecta";
    }else{
        $result = "ok";
    }
}
if($result=="ok"){
    echo $json->encode(array('success'=>true));
}else{
    echo $json->encode(array('error'=>$mensaje));
}
 

[catpaw]

hola jonni09lo

ya agregue las declaraciones como me comentas y sigue igual :C

[jonni09lo]

Pero si separaste las dos secciones de los condicionales???

Porque esto

Código PHP:

if($BD_usuario==""){
    $mensaje = "El usuario no existe en el sistema";
}else{
    if ($contrasena!=$BD_contrasena){
        $mensaje = "La contraseña es incorrecta";
    }else{
        $result = "ok";
    }
}
 

Va separado de esto:

Código PHP:

if($result=="ok"){
    echo $json->encode(array('success'=>true));
}else{
    echo $json->encode(array('error'=>$mensaje));
}
 

y en tu codigo la segunda parte esta dentro del else

Saludos

[catpaw]

sii estan separados

Código PHP:

$json = new Services_JSON;
    //verifico en la base de datos si existe el usuario y si coincide la contraseña
    $usuario= $_POST['usuario'];
    $contrasena = md5($_POST['password']);
 
    $rs= mysql_query("SELECT * FROM usuarios WHERE usuario='$usuario'") or die('Error en la consulta'.mysql_error());
    $row = mysql_fetch_array($rs, MYSQL_ASSOC);
                
    $BD_id_usuario=$row['id_usuario'];
    $BD_usuario=$row['usuario'];
    $BD_nombre=$row['nombre'];
    $BD_contrasena=$row['password'];
    
    $mensaje ="";
    $result = "";
                
    if($BD_usuario==""){
        $mensaje = "El usuario no existe en el sistema";
    }
    else{
        if ($contrasena!=$BD_contrasena){
            $mensaje = "La contraseña es incorrecta";
        }
        else{
            $result = "ok";
            //registro sesiones
            }
    }
    mysql_free_result($rs);
    
    if($result=="ok"){
        echo $json->encode(array('success'=>true));
    } else{
        echo $json->encode(array('error'=>$mensaje));
    }
 

incluso ya lo hice de la manera tradicional, osea solo con php y si me imprime bien los arreglos json, el problema esta en el jquery no se por que no los recibe bien

[catpaw]

Ya "funciona" pero me da desconfianza por que como que no agarra a la primera en algunos casos, pruebo de 3 formas:

datos correctos, recibo el alert -> true
nombre usuario correcto, contraseña incorrecta, recibo alert -> la contraseña es incorrecta
datos incorrectos, recibo el alert -> el usuario no existe en el sistema

Código Javascript:

$(document).ready(function(){
    $("#login").submit(function(){
        if($("#usuario").val() == ""){
            alert("Debe ingresar su nombre de usuario");
        } else{
            if($("#password").val() == ""){
                alert("Debe ingresar su contraseña");
            } else{
                var formulario = $('#login').serialize();      
                $.ajax({
                    type: 'POST',
                    url: 'acceso_process.php',
                    data: formulario,
                    dataType: 'json',
                    success: function(result){
                        //alert(result);
                        if (result.success){
                            alert(result.success);
                            $('#response').text(result.success).fadeIn('slow'); //esto no lo hace
                        } else{
                            alert(result.error);
                            $('#response').text(result.error).fadeIn('slow'); //esto no lo hace
                        }
                    }
                });
            }
        }
    });
});
 

esto esta "bien" (salvo detalles) en ie9

si tengo :

alert(result.error);
$('#response').text(result.error).fadeIn('slow'); //esto no lo hace

si cambio

$('#response').text(result.error).fadeIn('slow'); //esto si lo hace
alert(result.error);

y peor si nada mas dejo:

$('#response').text(result.error).fadeIn('slow'); //pareciera que no hace nada, solo como que recarga la pagina

Editooooo esto si lo hace pero no se aprecia porque lo quita muy rapido, porque recarga la pagina $('#response').text(result.error).fadeIn('slow');

en chrome no funciona nada de ninguna forma :C

[jonni09lo]

Mira, una pregunta antes de sacar conclusiones, ¿Cual es la razon para usar $json->encode(array('success'=>true));?
Php desde la version 5.2 creo, tiene un soporte nativo para trabajar con datos json

json_encode y json_decode

Saludos

[catpaw]

Bueno creo que eso no tiene nada que ver, pero bueno, la razón es que en el servidor que se alojara la pagina trabaja con una versión anterior de php 5.2

No creo que los arreglos sean el problema pues ya funciona el codigo jquery, mi problema es que la pagina se recarga muy rapido (ie9) no se porque y no permite ver el mensaje de error que despliego aquí $('#response').text(result.error).fadeIn('slow');

y otra es que en google chrome no hace nada

y le busco y le busco y no le veo error a esto:

Código Javascript:

var formulario = $('#login').serialize();      
$.ajax({
    type: "POST",
    url: "acceso_process.php",
    data: formulario,
    dataType: "json",
    async: false,
    success: function(result){
        //alert(result);
        if (result.success){
            window.location="consulta.php";
        } else{
            $("#response").text(result.error).fadeIn("slow");
        }
    },
    error: function(result){
        alert("FAILED : " + result.status + ' ' + result.statusText);
    }
});
 

incluso le agregue async: false, porque leí que chrome tiene problemas con peticiones asincronas y un no funciona, tambien agregue el estado de error pero no entra en ese estado ya no se que mas hacer

[jonni09lo]

ahhhhh ya mira entonces si esto te sirve:

Código Javascript:

$(document).ready(function(){
    $("#login").submit(function(e){
        e.preventDefault();
        if($("#usuario").val() == ""){
            alert("Debe ingresar su nombre de usuario");
        } else{
            if($("#password").val() == ""){
                alert("Debe ingresar su contraseña");
            } else{
                var formulario = $('#login').serialize();      
                $.ajax({
                    type: 'POST',
                    url: 'acceso_process.php',
                    data: formulario,
                    dataType: 'json',
                   success: function(result){
                           //alert(result);
                           if (result.success){
                                 window.location="consulta.php";
                          } else{
                                $("#response").text(result.error).fadeIn("slow");
                          }
                   },
                });
            }
        }
    });
});
 

[catpaw]

lo pruebo y te comento gracias

-------------------- :O

ya probé, y ya función en ambos O.O muchas gracias

ahora por favor podrías explicarme que rayos hace e.preventDefault(); que parece que hizo magia :P

[jonni09lo]

Mira asi, revise y este codigo me funciona en todos los navegadores

Código Javascript:

$(document).ready(function(){
    $("#login").submit(function(){
        if($("#usuario").val() == ""){
            alert("Debe ingresar su nombre de usuario");
        } else{
            if($("#password").val() == ""){
                alert("Debe ingresar su contraseña");
            } else{
                var formulario = $('#login').serialize();      
                $.ajax({
                    type: 'POST',
                    url: 'acceso_process.php',
                    data: formulario,
                    dataType: 'json',
                    success: function(result){
                           //alert(result);
                           if (result.success){
                                 window.location="consulta.php";
                          } else{
                                $("#response").text(result.error).fadeIn("slow");
                          }
                   }
                });
            }
        }
        return false;
    });
});
 

Cambie el preventDefault por return false y quite una coma al finalizar las llaves de success, ya que en ie generaba un error

Saludos

[jonni09lo]

O.o habia jurado que habia visto un mensaje tuyo que decia que no funcionaba con preventDefault... creo que empece a alucinar xD

En fin, preventDefault, stopPropagation y return false, son distintas maneras de evitar que un elemento html siga realizando lo que normalmente hace, por ejemplo en este caso, con preventDefault se evita que se haga un submit y asi de esta manera no se recargue la pagina ya que el form se submito, las tres tienen funciones distintas y es recomendable usarlas con moderacion y con cuidado

Mira este articulo, me ayudo bastante entender la diferencia entre estas funciones info