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
var_dump($_POST);
para que veas que datos te está llevandoajax
aPHP
. Al parecer estás concatenando estodata:'username='+$("username").val(),
y deberías estar enviando solo elvalue
del campo, algo como esto:let username = $("#username").val(); $.ajax({... data : { 'username' : username },... });