tengo problemas con el ajax. quiero que busque en la db el usuario que ponga en el campo y manda la respuesta y los escriba en un div id. pero eso no ocurre. y lo que hace es que imprime es el codigo del archivo verificar.php
verificar.php
Código PHP:
function conectar()
{
// Conexion a base de datos
mysql_connect("localhost", "root", "") or die(mysql_error());
mysql_select_db("tunerspot") or die(mysql_error());
}
function desconectar()
{
mysql_close();
}
function verificaEx($username)
{
consulta=mysql_query("SELECT username FROM member WHERE username='$username'") or die(mysql_error());
$registro=mysql_fetch_row($consulta);
if(!empty($registro)) return TRUE;
else return FALSE;
}
if($_POST["username"])
{
// Quito espacios en blanco al comienzo y fin de la cadena
$valor=trim($_POST["username"]);
// Si el valor recibido es valido...
if(validaIngreso($valor))
{
conectar();
// Si el apodo ya existe en base de datos...
if(verificaEx($valor)) echo "<p> $username Exist in TunerSpot Database</p>";
desconectar();
}
}
Código:
function objetoAjax(){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function Verificar(){
divverificar = document.getElementById('verificar');
username=document.form1.username.value;
ajax=objetoAjax();
ajax.open("POST", "verificar.php",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
divVerificar.innerHTML = ajax.responseText
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//enviando los valores
ajax.send("username="+username)
}
Código HTML:
<label for="username">Username</label> <input id="username" name="username" onChange="Verificar();"><br> <div id="verificar"></div>
