[SOLUCIONADO] Problema usuario repetido

[jotacheca]

Buenas tardes foreros , estoy tratando de hacer una validación en AJAX para que no se repitan usuarios pero no consigo hacerlo funcionar , la parte de ajax funciona y creo que hace la llamada a php pues no da error y carga la imagen, pero se queda en una especie de bucle que cada segundo vuelve ha aparecer la imagen de cargando pero no obtiene resultados del archivo comprobar.php

Gracias de antemano ;)

Código HTML:

<script type="text/javascript"> 
$(document).ready(function(){
                         
      var consulta;
             
     
      $("#usuarios").focus();
    
      $("#usuarios").keyup(function(e){
           
             consulta = $("#usuario").val();
                                      
             $("#resultado").delay(1000).queue(function(n) {      
                                        
                  $("#resultado").html('<img src="botones_img/ajax-loader.gif" />');
                                           
                        $.ajax({
                              type: "POST",
                              url: "comprobar.php",
                              data: "b="+consulta,
                              dataType: "html",
                              error: function(){
                                    alert("error petición ajax");
                              },
                              success: function(data){                                                      
                                    $("#resultado").html(data);
                                    n();
                              }
                  });
                                           
             });
                                
      });
                          
});</script> 

El html:

Código HTML:

<input type="text" id="usuarios" name="usuarios" value="" size="32" /><div id="resultado"></div> 

y comprobar.php

Código PHP:

  <?php  if (is_file("Connections/conexion.php")) { 
    require_once('Connections/conexion.php'); 
} 
else { 
    require_once('../Connections/conexion.php'); 
} 
?> 
 
<?php 
 
 
 
 
 
      $user = $_POST['b']; 
        
      if(!empty($user)) { 
            comprobar($user); 
      } 
        
      function comprobar($b) { 
            $con = mysql_connect($hostname_conexion, $username_conexion, $password_conexion); 
            mysql_select_db($database_conexion); 
        
            
               $sql = mysql_query("SELECT * FROM busuarios WHERE usuarios = '".$b."'",$con); 
              
            $contar = mysql_num_rows($sql); 
              
            if($contar == 0){ 
                  echo "<p>Disponible.</p>"; 
            }else{ 
                  echo "<p>El nombre de usuario ya existe.</p>"; 
            } 
      }      
?>   

Saludos

[manuparquegiralda]

Sin analizar más tu código te digo que tienes un fallo en la linea que coges el valor del campo "usuarios", así que es probable que no estés obteniendo el valor del input.

Esta es tu linea

Código Javascript:

consulta = $("#usuario").val();
 

Y así debería estar:

Código Javascript:

consulta = $("#usuarios").val();
 

Segundo creo que estás pasando mal el data en la función ajax. Tengo entendido y no soy un experto en ajax que el valor que se le pasa al data type POST tiene que ser un objeto no una variable como si fuese en una URL.

Prueba con esto y me cuentas:

Código Javascript:

<script type="text/javascript"> 
$(document).ready(function(){
                         
      var consulta;
             
     
      $("#usuarios").focus();
    
      $("#usuarios").keyup(function(e){
           
             consulta = $("#usuarios").val();
                                      
             $("#resultado").delay(1000).queue(function(n) {      
                                        
                  $("#resultado").html('<img src="botones_img/ajax-loader.gif" />');
                        var datos = {
                            b:consulta
                        }                 
                        $.ajax({
                              type: "POST",
                              url: "comprobar.php",
                              data: datos ,
                              dataType: "html",
                              error: function(){
                                    alert("error petición ajax");
                              },
                              success: function(data){                                                      
                                    $("#resultado").html(data);
                                    n();
                              }
                  });
                                           
             });
                                
      });
                          
});</script>
 

[jotacheca]

Gracias manuparquegiralda , he cambiado ya ambas cosas y nada , sigue sin funcionar :(

[manuparquegiralda]

A ver prueba a hacerlo así. Así hago yo mis funciones y siempre me funcionan.

- No entiendo porque haces el delay ese en la función, yo lo quitaría para probar.

- Obviamente el fallo de la imagen es porque cada vez que levantas la tecla, se vuelve a poner la imagen.

Código Javascript:

<script type="text/javascript"> 
$(document).ready(function(){
      $("#usuarios").focus(function(){
          $("#resultado").html('<img src="botones_img/ajax-loader.gif" />');
      });
      $("#usuarios").keyup(function(e){
          var consulta = $("#usuarios").val();
          if(consulta){
              var datos = {
                  b:consulta
              }                 
              $.ajax({
                  type: "POST",
                  url: "comprobar.php",
                  data: datos ,
                  error: function(){
                      alert("error petición ajax");
                  },
                  success: function(data){                                                      
                      $("#resultado").html(data);
                      n();
                  }
              });
          }
      });                    
});</script>
 

Código PHP:

<?php  
 
if (is_file("Connections/conexion.php")) { 
    require_once('Connections/conexion.php'); 
}else { 
    require_once('../Connections/conexion.php'); 
} 
 
$user = $_POST['b']; 
if($user) { 
    comprobar($user); 
}else{
    echo "No han llegado datos"
}
        
function comprobar($b) { 
    $con = mysql_connect($hostname_conexion, $username_conexion, $password_conexion); 
    mysql_select_db($database_conexion); 
    $sql = mysql_query("SELECT * FROM busuarios WHERE usuarios = '".$b."'",$con); 
    $contar = mysql_num_rows($sql); 
    if($contar == 0){ 
        echo "<p>Disponible.</p>"; 
    }else{ 
        echo "<p>El nombre de usuario ya existe.</p>"; 
    } 
}      
?>
 

Prueba con esto, debería de funcionarte seguro, en el PHP hemos añadido un aviso por si no llegasen datos desde la función javascript, pero si se esta ejecutando la petición.

A partir de ahí ve jugando con las opciones, si quieres que tenga un retraso por alguna cosa en concreta puede hacerse de alguna otra manera.

[jotacheca]

Muchisimas gracias manu¡¡

Gracias a ese echo vi claramente que si que llegaban datos , osea que no estaba conectando a la base en la funcion comprobar , he incluido los datos de la conexion directamente y no se porque ahora lo tengo ya funcionando perfectamente. :D

El retraso es nada más que visual, pues sí lo hace directamente para mi gusto el efecto es mucho más practico pero menos llamativo , bajo mi punto de vista :)
como puedes ver si.. soy frontend y no backend .. pero de todo hay que saber :D

Gracias nuevamente por tu tiempo