Tipico caso del usuario(principiante)

Vecinito87 · #1 (**permalink**) 01/09/2011, 02:30

hola amigos llevo un par de semanas intentando el tipico caso de ajax donde un usuario introduce su login y la consulta nos retorna si el usuario se encuentra en la base de datos, he leido un libro de ajax, y he probado su ejemplo se llama (manual imprescindible de ajax) pero nada no funciona e probado ejemplos de internet y tampoco me funcionan no se que hago mal pero necesito ayuda de expertos como vosotros.

codigo html con js:

Código PHP:

Ver original<html>
  <head>
  <title>Ejemplo1</title>
  <script language = "javascript">  
  var XMLHttpRequestObject = false;
  if (window.XMLHttpRequest) {
  XMLHttpRequestObject = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
  XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
  }
 
  function pedirDatos(fuenteDatos, divID, datos){
      if(XMLHttpRequestObject) {
          var obj = document.getElementById(divID);
          XMLHttpRequestObject.open("POST", fuenteDatos, datos);
          XMLHttpRequestObject.onreadystatechange = function(){
              if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {
                  obj.innerHTML = XMLHttpRequestObject.responseText;
              }
          }
      XMLHttpRequestObject.send(null);
      }
  }
  </script>
  </head>
 
  <body>
  <H1>Mostrando datos con AJAX</H1>
 
  <form>
  introduce nombre:<input type="text" id="nombre"/>  
  <input type="button" value="Comprobar" onclick="pedirDatos('datos.php','comprobar_mensaje','document.getElementeById('nombre')')">
  </form>
  
  <div id="comprobar_mensaje" style="background-color:#99FF66;">
  <p>Aqu&iacute; aparecer&aacute; texto</p>
  </div>
 
  </body>
</html>

codigo php con consulta:

Código PHP:

Ver original<?
     $valor=$POST["datos"];
          $conexion=@mysql_connect("xxx.zobyhost.com","zoby_xxx","xxxxxx")or die(mysql_error());
          mysql_select_db ('zoby_xxx_xxx', $conexion) or die(mysql_error());  
          $consulta=mysql_query("SELECT Nick FROM Usuarios WHERE Nick='".$valor."' LIMIT 1"); 
          mysql_close($conexion);
          $cantidad=mysql_num_rows($consulta);
          if($cantidad==0){   
                echo "<b>Nick libre</b>";              // El usuario existe en la Base de Datos     
          }else{  
                echo "<b>Este nick está ocupado</b>";  // Ese nick esta libre   
          } 
?>

laratik · #2 (**permalink**) 01/09/2011, 10:47

Hola Vecinito87, te recomiendo leas este manual te ayudara mucho, a continuación te remarco en comentarios tus errores (por lo menos en lo que es AJAX y javascript):

Código Javascript:

Ver originalvar XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
    XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
    XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
 
function pedirDatos(fuenteDatos, divID, datos){
    if(XMLHttpRequestObject) {
        var obj = document.getElementById(divID);
        XMLHttpRequestObject.open("POST", fuenteDatos, true);//no se colocan los datos aca, se debe colocar si es sincrono FALSE o asincrono TRUE
        XMLHttpRequestObject.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//debes enviar por cabecera el tipo de contenido
        XMLHttpRequestObject.onreadystatechange = function(){
            if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {
                obj.innerHTML = XMLHttpRequestObject.responseText;
            }
        }
        XMLHttpRequestObject.send("datos="+datos);//si envias por metodo POST debes enviar aca los datos con su correcto formato
    }
}

Código HTML:

<H1>Mostrando datos con AJAX</H1>
<form>
introduce nombre:<input type="text" id="nombre"/>
<input type="button" value="Comprobar" onclick="pedirDatos('prueba.php','comprobar_mensaje',document.getElementById('nombre').value)"><!--Datos debe enviar el value, no el elemento-->
</form>
<div id="comprobar_mensaje" style="background-color:#99FF66;">
<p>Aqu&iacute; aparecer&aacute; texto</p>
</div>

Ya otra cosa es PHP donde te puedo decir que utilizas $POST en donde debería ir $_POST, te recomiendo revises muy bien tus códigos. Espero haberte sido de ayuda.