Código HTML:
<script> function comprobarUsuario() { $("#loaderIcon").show(); jQuery.ajax({ url: "ComprobarDisponibilidad.php", data:'usuario='+$("#usuario").val(), type: "POST", success:function(data){ $("#estadousuario").html(data); $("#loaderIcon").hide(); }, error:function (){} }); } </script>
<div class="username">
<td>USUARIO
<input type='text' id="usuario" name="usuario" onBlur="comprobarUsuario()"><br />
<span id="estadousuario"></span>
</div>
<p><img src="LoaderIcon.gif" id="loaderIcon" style="display:none" /></p>
</div>
Y mi php
Código PHP:
<?php
require_once("DBController.php");
$db_handle = new DBController();
if(!empty($_POST["usuario"])) {
$query = "SELECT * FROM usuarios WHERE user='" . $_POST["usuario"] ."' ";
$user_count = $db_handle->numRows($query);
if($user_count>0) {
echo "<span class='estado-no-disponible-usuario'> Usuario Registrado.</span>";
}else{
echo "<span class='estado-disponible-usuario'> Usuario Disponible.</span>";
}
}
?>
Funciona correctamente , pero quise agregar un parametro más (Tipo usuario) , pero solo se ve el gif y no muestra ningún resultado (cambie la funcion y el archivo php)
Código HTML:
<script> function comprobarUsuario() { $("#loaderIcon").show(); jQuery.ajax({ url: "ComprobarDisponibilidad.php", data:'usuario='+$("#usuario").val(), [B] data:'tipo='+$("#tipo").val(), //NUEVO[/B] type: "POST", success:function(data){ $("#estadousuario").html(data); $("#loaderIcon").hide(); }, error:function (){} }); } </script>