Duda con una validación Ajax

chsc · #1 (**permalink**) 29/07/2014, 06:21

Estoy teniendo problemas al momento de llamar a una funcion del tipo "legajoDisponible" (trabaja con ajax) dentro de otra función mayor "verificarDatosAlumno"

La cuestión es que tengo una estructura así en "verificarDatosAlumno":

if(legajo == '')
{
alert('ingrese el lejajo');
document.getElementById('legajo').focus();
return false;
}
else
{

if(!legajoDisponible(legajo ))
{
alert('el lejajo ingresado ya existe');
document.getElementById('legajo').focus();
return false;
}

}

... aqui otras validaciones...

primer problema:
legajoDisponible hace una petición via AJAX, es acá donde tengo el problema.
legajoDisponible llamará a su vez a la funcion callback, y no veo como puedo lograr que "legajoDisponible" me devuelva un valor booleano.

Por otra parte, legajoDisponible demorará algunos segundos en devolver un resultado, y las otras validaciones de abajo empiezan a ejecutarse siendo que "legajoDisponible" aún no terminó de procesar.

Como deberia manejar mi problema ?? siento que esta estructura de codigo no lleva a buen puerto.

desde ya agradecido.

Panino5001 · #2 (**permalink**) 29/07/2014, 11:26

Fijate si te sirve como orientación:

Código PHP:

  <!DOCTYPE html> 
<html> 
<head> 
<meta  charset="utf-8" /> 
<title></title> 
<script> 
function http(){ 
    if(typeof window.XMLHttpRequest!='undefined'){ 
        return new XMLHttpRequest();     
    }else{ 
        try{ 
            return new ActiveXObject('Microsoft.XMLHTTP'); 
        }catch(e){ 
            alert('Su navegador no soporta AJAX'); 
            return false; 
        }     
    }     
} 
function request(url,callback,params){ 
    var H=new http(),signo; 
    if(!H)return; 
    signo=url.indexOf('?')==-1 ? '?' :'&'; 
    H.open('post',url+signo+new Date().getTime(),false); 
    H.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
    H.onreadystatechange=function(){ 
        if(H.readyState==4 && H.status == 200){ 
            callback(H.responseText); 
            H.abort(); 
            H=null; 
        } 
    } 
    var p=''; 
    for(var i in params){ 
        p+='&'+i+'='+encodeURIComponent(params[i]);     
    } 
    H.send(p); 
} 
function verificarDatosAlumno(legajo){ 
    if(legajo == ''){ 
        alert('ingrese el lejajo'); 
        document.getElementById('legajo').focus(); 
        return false;  
    }else{ 
          request( 
                'test2.php',legajoDisponible,{'l':legajo} 
          ); 
    } 
} 
function legajoDisponible(r){ 
    if(!parseInt(r)){ 
        alert('el lejajo ingresado ya existe'); 
        document.getElementById('legajo').focus(); 
    }else{ 
        alert('ok'); 
    } 
} 
</script> 
</head> 
 
<body> 
<input name="legajo" type="text" id="legajo" value="123456"><input name="" type="button" value="verificar" onclick="verificarDatosAlumno(legajo.value)"> 
</body> 
</html>

test2.php:

Código PHP:

  <?php  
if(isset($_POST['l']) && $_POST['l']=='123456'){ 
    echo 0; 
}else{ 
    echo 1; 
} 
?>