Problema: variable fuera de una función ajax

[herrerao]

Saludos gente, una ves más acudo a ustedes por que no puedo modificar el valor de una variable que no esta dentro la funcion onreadystatechange de ajax, ya que esta variable la necesito ocupar después para otras validaciones dentro de mi script. el cual es el siguiente:

Código Javascript:

function nuevoAjax() 
{  
    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;  
} 
var store;
function setstore(dat){
    store = dat
    }
var Ajax=nuevoAjax(); 
    Ajax.open("POST","test.xml", true); 
    Ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
    Ajax.send('do=c');  
    Ajax.onreadystatechange=function() 
    { 
    if (Ajax.readyState==4 && Ajax.status == 200){
        Respuestas=Ajax.responseXML; 
        Comprobacion = Respuestas.getElementsByTagName("test")[0].childNodes[0].data;
        setstore(Comprobacion);
 
        }
    
    }
alert(store)
 

Y cuando alerto a store me muestra undifinied , según yo la variable store es de tipo global.

Espero sus comentarios... Mil gracias de antemano.

[IsaBelM]

lee este articulo sobre ámbito de las variables

[Sotelio]

Hola,

No sé exactamente cuál es el problema, pero si propones el código así, la ejecución de la llamada ajax se ejecuta, y mientras, se ejecuta el alert(store) y luego la llamada ajax termina de ejecutarse. Ahí recién asigna el valor a store.

Por lo tanto, store no tendrá valor cuando el alert lo muestra.

Por otro lado, debes verificar que la asignación o el resultado de la llamada ajax sea correcto, haciendo un alert dentro del if:

Código Javascript:

if (Ajax.readyState==4 && Ajax.status == 200){
  alert(Respuestas.getElementsByTagName("test")[0].childNodes[0].data);
}
 

Para estar seguro que estás asignándole un valor correcto.

Sotelio

[herrerao]

Gracias por tu respuesta, de antemano agradezco tu comentario y te hago saber que si coloco un alert detro del if si me muestra la informacion que necesito .. Pero sigo sin entendere la manerea de que esto funcione adecuadamente, espero mas comentarios ola manera correcta de hacer funcionar esto.

[herrerao]

Iniciado por IsaBelM

lee este articulo sobre [URL="http://www.librosweb.es/javascript/capitulo4/ambito_de_las_variables.html"]ámbito de las variables[/URL]

Gracias por tu comentario. Lo reviso ok y gracias de nuevo

[herrerao]

Compañeros he revisado la liga que IsabelM me proporciono en su respuesta pero según yo el ámbito de mi variable esta correcta ya que esta definida fuera de la función, y ya sea que se defina mediante var o no, es una variable global, solo que aun no entiendo que tengo que hacer entonces para que cambie su valor, ya intente meter todo dentro de una función, esto para primero llamar la función y esperar a que termine, y modifique el valor de la variable tmp y luego alertarla pero tampoco funciono, adjunto el código... Espero alguien me pueda ayudar y le estaré eternamente agradecido...

Código Javascript:

tmp = null;
 
function    settmp(data){
    tmp = data;
    };
 
function chkform(){
    //var cliente =  GetEl("cliente"),correo=GetEl("correo"),factura=GetEl('factura'),password=GetEl('password'),password1=GetEl('password2');
    var Ajax=nuevoAjax(); 
    Ajax.open("POST","test.xml", true); 
    Ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
    Ajax.send('do=c');  
    Ajax.onreadystatechange=function() 
    { 
    if (Ajax.readyState==4 && Ajax.status == 200){
        Respuestas=Ajax.responseXML; 
        Comprobacion = Respuestas.getElementsByTagName("test")[0].childNodes[0].data;
        settmp(Comprobacion);
 
        }
    
    }
}
chkform();
alert(tmp)
 

[chicohot20]

Como haces una petición ajax, el valor que debe tomar la variable tmp tardará un poco, por que el servidor no te responderá inmediatamente. Pero si le pones el alert despues de settmp(Comprobacion); verás que si te imprime. Yo lo hice de otra manera, te dejo el codigo:
HTML

Código HTML:

<html>
    <head>
        <title>Ejemplo</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script>
        var tmp=null;
        function settmp(data){
            tmp = data;
        };
        function chkform(){
                $.ajax({
                  url: 'ajax.php',
                  data: 'doc=c',
                  type: 'POST',
                  contentType: "application/x-www-form-urlencoded; charset=utf-8",
                  success: function(data){
                    settmp(data);
                    alert(tmp);
                    $("#resultado").text("Dato recibido: "+data);
                  }
                });
        }
        chkform();
        
    </script>
</head>
<body>
 <p id="resultado"><img src='load.gif' alt='' /> Cargando...</p>
 
</body>
</html>
 

ajax.php

Código PHP:

<?
    $boton=$_POST["doc"];          
    echo $boton; 
?>
 

Coméntanos si te funciona.

[Sotelio]

@herrerao, lo básico de ajax es su sigla:

Asynchronous Javascript And Xml.

Lo primero significa asíncrono o asincrónico o como quieras traducirlo ja.

O sea, no tiene sincronía, y esto que significa? que puedes ejecutar, por ejemplo, 5 líneas de código javascript, y si una de ellas es una llamada ajax, podría terminarse de ejecutar después de la 5.

Y por qué sucede esto? primero porque así funciona ajax (aunque puedes obligarlo a que sea sincrónico o síncrono) y segundo porque cuando haces una llamada ajax estás haciendo una solicitud al servidor, que puede tomar milésimas de segundos o incluso segundos, dependiendo de la conexión del que visualiza el sitio o el archivo que programaste.

Entonces, en tu código tienes esto:

chkform(); // que ejecuta una llamada ajax, que demora algunas milésimas de segundo, cuando se ejecuta, asigna el valor a la variable tmp

alert(tmp) // que se ejecuta inmediatamente!!! sin esperar a la llamada ajax.

Se entiende ahora? :D

Saludos
Sotelio

[herrerao]

Muchisimas gracias por tu aporte y tiempo a mi pregunta, pero resumiendo veo que estas usando jquery, pero tengo la inquietud de hacerlo sin otros complementos, pero la otra manera que se me estaba ocurriendo es meter lavfuncion dentro de un while hasta que cambie el valor y ai detener su ejecucion ... Espero comemtarios, haa me falta probarlo con jquery y les aviso.... Gracias

[herrerao]

Iniciado por herrerao

Muchisimas gracias por tu aporte y tiempo a mi pregunta, pero resumiendo veo que estas usando jquery, pero tengo la inquietud de hacerlo sin otros complementos, pero la otra manera que se me estaba ocurriendo es meter lavfuncion dentro de un while hasta que cambie el valor y ai detener su ejecucion ... Espero comemtarios, haa me falta probarlo con jquery y les aviso.... Gracias

Sotelio... Gracias por tu apoyony tiempo, pero entoces, existe alguna manera de hacer lo que necesito o sera mejor crear una consulta ajax y validar todos los datos del servior junto con los proceos necesarios y ejecutar todo dentro del onreadystatechange... Espero comentario

[IsaBelM]

Iniciado por herrerao

Compañeros he revisado la liga que IsabelM me proporciono en su respuesta pero según yo el ámbito de mi variable esta correcta ya que esta definida fuera de la función

en tu primer código, se alertaba la variable antes de ejecutar la función, por lo que levantaba null. no se trataba de un problema con el scope, se trataba de aplicar lo que se expone en el último caso del articulo. aparte que invocabas la función desde la misma función, con lo que entraba en un bucle infinito. aparte de que también querías alertar la respuesta y no el parámetro que se le pasaba a la función cuando se era invocada, como pensé

examinando tu segundo código veo que has cambiado el procedimiento, pero también se alertará "null" puesto que el proceso es mas largo. de tal modo que mientras se hace la petición, se levanta la alerta

como no me gusta usar variables globales, mi opinión es almacenarla en un objeto global

// definimos el objeto
var obj = {};

// se añade la propiedad
obj.variable = valor;


// le añadimos a un método
obj.fnc = function() {

};

esto no funcionará si el caso que planteas es un caso real. en caso que tu objetivo sea alertar la respuesta, inserta el alert después de recibir la respuesta

[herrerao]

Ok... Amigos he obtado por hacer todas las comprbaciones dentro del objeto ajax y asi si me funciona.. Pero entonces para resumir.. Lo que yo queria hacer ... Era almacenar dentro de una variable el valor de la interaccion ajax, eso afuera del objeto ajax, la pregunta es es esto posible o solo estoy haciendo mi procedimiento mal.

[IsaBelM]

Iniciado por herrerao

Ok... Amigos he obtado por hacer todas las comprbaciones dentro del objeto ajax y asi si me funciona.. Pero entonces para resumir.. Lo que yo queria hacer ... Era almacenar dentro de una variable el valor de la interaccion ajax, eso afuera del objeto ajax, la pregunta es es esto posible o solo estoy haciendo mi procedimiento mal.

creo que ya está respondido

examinando tu segundo código veo que has cambiado el procedimiento, pero también se alertará "null" puesto que el proceso es mas largo. de tal modo que mientras se hace la petición, se levanta la alerta

[herrerao]

Gracias amigos por el tiempo y darme cuenta de que tengo que hacer todalas validaciones necesarias adenteo del objeto de ajax.