Pequeña y sencilla duda sobre como ejecutar una funcion AJAX

[iovan]

Hola amigos, verán hace poco comence con la programacion en javascript, y hoy intente tambien incorporar ajax para consultar en la base de datos si existia el texto puesto en el formulario.

Todo el javascript está correcto, pero la parte en AJAX no funciona, más preciso de la linea 39 a las 55. Es donde estoy metiendo el Ajax (un código que me encontre en la web) pero estoy metiendolo en una function como si fuera js, lo cierto es que no se como funciona esto.

Me podrían ayudar.
Gracias.

Código Javascript:

<script language="javascript" type="text/javascript">
function xmlhttp(){
        var xmlhttp;
        try{xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");}
        catch(e){
            try{xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
            catch(e){
                try{xmlhttp = new XMLHttpRequest();}
                catch(e){
                    xmlhttp = false;
                }
            }
        }
        if (!xmlhttp) 
                return null;
            else
                return xmlhttp;
    }
 
function validar(){
        var username = document.getElementById('username').value,
            ajax = xmlhttp();
            
        //Actualizar    
        function updateTips(t){
           document.getElementById('validateTips').innerHTML = t;   
        }
        
        //Validar campos de formulario
        function checkEmpty(a,b){
           if( a.length <= 0 ) { updateTips("Debes escribir un "+b+"."); return false; } else { return true; }  
        }
        
        //validar caracteres alfanumericos
        function checkRegexp(a,regexp,b){
          if( !(regexp.test(a)) ){ updateTips("Solo se permiten caracteres alfanuméricos"); return false; } else { return true; }   
        }
        
        //Buscar en la base de datos
        function findUser(){
            ajax.onreadystatechange=function(a,b){
                if(ajax.readyState==1){
                        updateTips(b);
                    }
                if(ajax.readyState==4){
                        updateTips(ajax.responseText);
                    }
                if(query.length<=0){
                        updateTips(ajax.responseText);
                    }
            }
        ajax.open("GET","checkUser.php?q="+encodeURIComponent(a),true);
        ajax.send(null);
        return false;
        }
        
        var bValid = true;
        
        bValid = bValid && checkEmpty(username,"Nombre de usuario");
        bValid = bValid && checkRegexp(username,/^[\w\,.!¿?'áéíóúÁÉÍÓÚñÑ\-@\s]+$/i,"Nombre de usuario");
        bValid = bValid && findUser(username,"<img src='images/loading.gif' alg='Loading...'>");
        
        if(bValid) { updateTips("Todo correcto"); }
    }
</script>
 

[caricatos]

Hola:

Ten cuidado con el sangrado de tu código, que por poco iba a decirte que no habías creado el objeto ajax... pero después lo encontré con un sangrado que parecía un condicionante...

Creo que deberías sacar el onreadystatechange de la función donde la has metido... o hacer la llamada antes de la petición, pero no le encuentro mucho sentido tenerlo dentro de esa función... a veces, hacer código modularizado complican innecesariamente la implementación.

Saludos

[iovan]

hola caricatos, Gracias por tu ayuda.

Lo que pasa es que no se el significado de las funciones ajax, como por ejemplo onreadystatechange que no entiendo que significa o que hace.

Como lo compilarias tu.

Te lo agradezco mucho.

[caricatos]

Hola:

Normalmente, las cosas que empiezan por on son manejadores de eventos, y los eventos es el resto... o sea readystatechange... o sea el cambio de estado.

Resumiendo, hay que programar la reacción a los cambios de estado. Lo de los estados, no lo tengo demasiado claro, pero algo así como petición, aceptación o reconocimiento de la petición envío de datos y datos formateados en xml... o sea que el cambio con readystate == 4 es que se pueden leer los datos como xml; el 3 es que se puede leer como texto plano, y requiere procesamiento (lo más fácil es innerHTML/eval/json -creo que parseJson o algo así... no suelo usarlo... solo he trabajado con xml-)... y esta última opción la tienes encerrada en una función, o sea que te faltaría llamarla, pero más sencillo aún, tal como puse antes es sacarla de la función.

De todos modos, irás aprendiendo poco a poco.

Saludos

[iovan]

Gracias Caricatos.

Voy a dejar por el momento esta forma de llamar al Ajax. Seguire solo con JS y con PHP simple are la comprobación del usuario en la db.

Saludos. ;)

[themitnew]

Hola :) .. bueno si quieres validar si existe un dato de tu formulario en la base de datos puedes hacer lo siguiente..

por lo general yo hago esto..

Esta funcion para obtener el objecto ajax..

Código:

	function getObjectAjax () {
		var xmlHttp ;
		if (window.ActiveXObject) {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		} else if (window.XMLHttpRequest) {
			xmlHttp = new XMLHttpRequest();
		}
		return xmlHttp;
	}

	function checkLogin(){
		var login = document.getElementById("login") ;
		var ajax = getObjectAjax() ;
                // es una url de ejemplo noma :)...
		var url = "urldetuweb/services/valid/login/" + login.value ;
		ajax.open( "post", url );
		ajax.onreadystatechange = function () {
			if ( ajax.readyState == 4 ) {
                                  // Aqui realizas la accion que quieras
                                  alert( ajax.responseText );
			}
		}
		ajax.send(null);
		return false;
	}

Si te fijas bien el " ajax.readyState" devuelve 4 cuando se haya completado la carga de la Url que estas pidiendo

ajax.responseText te retornara lo que hayas escrito desde esa url
Ej.

url = localhost/check.php

y en ese archivo escribes "<a>prueba</a>"

ajax.responseText te devolverá "<a>prueba</a>"

Te recomiendo que uses JSon tambien ...
Para mas informacion sobre ajax espero te sirva esta url
http://www.ajaxya.com.ar/

No es complicado.. espero te sirva

[iovan]

muchoas gracias ya lo tengo solucionado ;)