Ejecucion en paralelo de functions

[flpms]

Tengo uno objeto. En este objeto necessito hacer dos cosas.

Necessito hacer que uno outro function q és llamado por fuera de objeto verifique se uno outro function finalizo su ejecucion (este function solamiente ejecuta quando és llamado por evento(handler). Si no finalizo queda aguardando para retornar los datos para lo function q llamo. Sigue uno ejemplo sencillo

Código Javascript:

function objeto(){
     this.metodo1 = function(){
           //llama los datos
           this.verifica = XHR;
     }
 
     this.verifica.onreadystatchange = this.metodo1;
 
     this.metodo2 = function(){
           return XHR.responseXML;
     }
}
 
var objeto = new objeto();
var recibeDatos = objeto.metodo2();
 

Yo lo se que tenia que poner este topico em AJAX, pero yo creo ser mas uno error de Javascript. No de Ajax

[zerokilled]

lo que puedes hacer es que la peticion de ajax sea sincrono indicando false en el tercer parametro de xhr... espero haber comprendido el dilema.

[flpms]

No pues lo problema no esta en la requisicion y si en la chamada de funcion externa.

Vou poner todo lo codigo para que puedas compreender mejor.

Pero antes voy detallar mi idea.

Yo quiero hacer uno objeto AJAX que con dos lineas de codigo haga toda la peticion y retorne los datos.

entonces es algo así llamo lo objeto con los parametros

Código Javascript:

var AJAX = new AJAX(datos,URL,charset);
var recibeDatos = AJAX.returnRequest();
 

Ahora sigue lo objeto.

Código Javascript:

function AJAX(dados, URL, codificacao){
    this.xmlhttp = null;
    this.returnRequest = null;
    this.setRequest = null;
    this.initRequest = null;
    this.statusRequest = null;
    this.url = null;
    this.methodReq = null;
    this.collectionsMethods = {_0:null,_1:null,_2:null,_3:null,_4:null};
    this.objStatus = new Boolean(false);
    var obj = this;
 
    this.setRequest = function(){
        this.defineMethod = null;
        this.setRedHeader = null;
        try{
            this.xmlhttp = new XMLHttpRequest();
        }catch(e){
            this.xmlhttp = new ActiveXObject("MSXML2.XMLHTTP.3.0");
        }
 
        this.defineMethod = function(notAutoMethod){
            if(notAutoMethod != null){
                if(this.methodReq == "GET"){
                    dados == null ? this.url = URL : this.url = URL+"?"+dados;
                }else{
                    this.url = URL;
                    this.methodReq = "POST"
                }
            }else{
                if(dados.length >= 2048){
                    this.methodReq = new String("POST");
                    this.url = URL;
                }else{
                    if(dados.length == 0){
                        this.methodReq = "GET";
                        this.url = URL;
                        dados = null;
                    }else{
                        this.methodReq = "GET";
                        this.url = URL + "?" + dados;
                    }
                }
            }
        };
        this.setReqHeader = function(header, value){
            this.xmlhttp.setRequestHeader(header, value);
        };
 
        if(this.methodReq == null){
            this.defineMethod(null);
        }
 
        
    };
 
    this.initRequest = function(){
        this.setRequest();
        this.xmlhttp.onreadystatechange = function(){
            statusRequest(obj);
        };
        this.xmlhttp.open(this.methodReq, this.url,true);
        this.setReqHeader('Content-Type', 'text/xml');
        this.setReqHeader('encoding', codificacao);
        this.setReqHeader('Content-Type', 'application/x-www-form-urlencoded');
        if(this.method == "POST"){
            this.setReqHeader("Content-length", dados.length);
        }
        this.xmlhttp.send(dados);
    };
    
    this.statusRequest = function(obj){
        switch(obj.xmlhttp.readyState){
            case 0:
                if(this.collectionsMethods._0){
                    this.collectionsMethods._0();
                }
                this.objStatus = false;
                break;
            case 1:
                if(this.collectionsMethods._1){
                    this.collectionsMethods._1();
                }
                this.objStatus = false;
                break;
            case 2:
                if(this.collectionsMethods._2){
                    this.collectionsMethods._2();
                }
                this.objStatus = false;
                break;
            case 3:
                if(this.collectionsMethods._3){
                    this.collectionsMethods._3();
                }
                this.objStatus = false;
                break;
            case 4:
                if(this.collectionsMethods._4){
                    this.collectionsMethods._4();
                }
                this.objStatus = true;
                break;
            default:
                alert("Erro");
                break;
        }
    };
 
    this.returnRequest = function(){
        try{
            switch(this.objStatus){
                case 404:
                    return new pack(404,"Not Found","Not Found",null);
                    break;
                case 401:
                    return new pack(401,"Unauthorized","Unauthorized",null);
                    break;
                case 500:
                    return new pack(500,"Internal Server Error","Internal Server Error",null);
                    break;
                case 503:
                    return new pack(503,"Service Unavailable","Service Unavailable",null);
                    break;
                case 200:
                    return new pack(200,"OK",this.xmlhttp.responseText,this.xmlhttp.responseXML);
                    break;
                default:
                    return new pack(null,null,null,null);
                    break;
            }
        }catch(e){
            alert(e);
            return new pack(null,null,null,null);
        }
 
        function pack(value0,value1,value2,value3){
        this.numberStatus = value0;
        this.status = value1;
        this.text = value2;
        this.xml = value3;
        }
    }
 
    this.initRequest();
}
 

Durante la llamada de objeto este hace todo lo que necessta para una peticion. Durante la ejecucion de peticion no queda en objeto para lo retorno de los datos. e logo sigue para la function AJAX.returnRequest(); solo que sin datos niguno.

[zerokilled]

como ya te indicaba, tienes que realizar la peticion en modo sincrono. cuando la peticion es asincrona, javascript no se detiene a esperar que la peticion finalice todas sus etapas. por tanto, para cuando invoques el metodo returnRequest seguramente las peticiones aun no han terminado. por el contrario, en la peticion sincrona javascript se detiene hasta que la peticion obtenga una respuesta.

por otro lado, he estado analizando el codigo y veo que tienes varios errores. en el evento onreadystatechange invocas la funcion statusRequest, pero en este punto se entiende que no es un metodo del objeto, sino como una variable local del constructor AJAX. claro, tampoco puedes invocar la funcion con this.statusRequest porque al estar asignado al evento, this representaria el objeto XMLHttpRequest en lugar de la instancia creada con AJAX. pero nada, facil de resolver. en lugar de invocar desde this invocalo desde obj ya que dicha variable es una referencia a la instancia.

el otro error lo tienes en returnRequest. fijate que la propiedad objStatus es un boolean pero en el switch estas comparando por un valor numerico que representa el estado de la peticion http. una de dos, lees el estado directamente desde el objeto XMLHttpRequest o realiza los cambios pertinentes para que objStatus contenga el estado en lugar de un boolean.