0

Tengo un código en el que utilizo Ajax para comprobar la disponibilidad de un nombre de usuario ingresado, comparando con la base de datos en tiempo real, pero no funciona.

Ajax

<script>
    function disponibilidad(username) {
        $.ajax({
            url:'comprobarDisponibilidad.php',
            data:'username='+$("username").val(),
            type:"POST",
            success:function(data){
                $("#comprobarUsuario").html(data);
            },
            error:function (){}
        });
    }
</script>

PHP

<?php
    include 'database.php';

    if(!empty($_POST["username"])){
        $stmt = $conn->prepare("SELECT * FROM users WHERE username=:username");
        $stmt->bindValue(':username', $username, PDO::PARAM_STR);
        $stmt->execute(); 
        $count = $stmt->fetchColumn();

        if($count>0) {
            echo "<span style='color:red'> Sorry User already exists .</span>";
        }
        else{
            echo "<span style='color:green'> User available for Registration .</span>";
        }
    }
?>

La función "disponibilidad" la ejecuto acá, sumado al span que actualizo:

<input class="formulario__input" type="text" name="username" id="username" oninput="disponibilidad()" placeholder="Nombre de usuario">
<span id="comprobarUsuario"></span>

Saludos

1
  • Haz un var_dump($_POST); para que veas que datos te está llevando ajax a PHP. Al parecer estás concatenando esto data:'username='+$("username").val(), y deberías estar enviando solo el value del campo, algo como esto: let username = $("#username").val(); $.ajax({... data : { 'username' : username },... });
    – DjCrazy
    Commented el 9 jun. 2022 a las 4:08

1 respuesta 1

0

Estuve revisando tu código y tengo la solución. Primero que nada no enviás el parámetro username a través de ajax te falto agregar this.valueal hacer el llamado a la función con lo cual la función va sin parámetro. debería quedar así:

<input class="formulario__input" type="text" name="username" id="username" oninput="disponibilidad(this.value)" placeholder="Nombre de usuario">

El siguiente problema lo encontré en la función de ajax, no se sí tu función esta correcta, pero para poder enviar el parámetro, se debe usar de esta manera:

data:'username='+ username,

Quedando la función así :

<script>
    function disponibilidad(username) {
        $.ajax({
            url:'comprobarDisponibilidad.php',
            data:'username='+ username,
            type:"POST",
            success:function(data){
                $("#comprobarUsuario").html(data);
            },
            error:function (){}
        });
    }
</script>

Por ultimo en tu script php haces el llamado a una variable $username la cual nunca fue definida, así que primero la definimos y luego hacemos el llamado a la consulta, quedando de la siguiente forma:

if(!empty($_POST["username"])){
    $username = $_POST["username"];
    $stmt = $conn->prepare("SELECT * FROM usuarios WHERE username=:username");
    $stmt->bindValue(':username', $username, PDO::PARAM_STR);
    $stmt->execute(); 
    $count = $stmt->fetchColumn();

    if($count>0) {
        echo "<span style='color:red'> Sorry User already exists .</span>";
    }
    else{
        echo "<span style='color:green'> User available for Registration .</span>";
    }
}
3
  • Funciono perfectamente! Muchísimas gracias
    – Fede Liber
    Commented el 9 jun. 2022 a las 20:54
  • Excelente , saludos.
    – rpaillao
    Commented el 9 jun. 2022 a las 20:55
  • Respuesta aceptada, saludos.
    – Fede Liber
    Commented el 17 jun. 2022 a las 21:09

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.