Funkcja nie przekazuje wartości w return.

Question

Obiekt XML istnieje w uruchomionej metodzie, jednakże poza nią już nieistnieje. Czy nie można w ten sposób przepisywać wartości do zmiennych?

Contract.prototype.validateForm = function ()
{
var Connect = new AJAX("GET" , "JS/class/XML/ValidateParam.xml" );
var XML = Connect.getXML();
alert (XML); // zwraca null
var optionArr = Connect.readXML(XML); // przez co tutaj również pojawia się błąd.
alert (optionArr[0]);
}

Metoda:

AJAX.prototype.getXML = function ()
{
var request = null;
var xmlResponse = null;
var XMLArr = new Array ();
	if (window.XMLHttpRequest){
	request = new XMLHttpRequest ();
	} else if (window.ActiveXObject){
	request = new ActiveXObject("Microsoft.XMLHTTP");
	}
	if (request)
	{
	request.open(this.method , this.file);
		request.onreadystatechange = function () {
			if (request.readyState == 4){
			alert ("OK");
			xmlResponse = request.responseXML;
			}
		}	 
	request.send(null);
	} else {
	alert ("Nie działczy");
	// var error = new Error ();
		// error.CriticError();
		return;
	}
	alert (xmlResponse); // Tutaj istnieje dokument XML.
return xmlResponse;
}

Chyba wiem, w czym problem. validateForm wykonuje się szybciej niż AJAX. Przez co przekazuje NULL tak mi się przynajniej wydaje.

Answer 1

Lektura obowiązkowa: http://webroad.pl/javascript/746-synchroniczna-asynchronicznosc

Answer 2

Polecam Promise do takich rzeczy bardzo przyjemnie obsługuje się dzieki temu jakąkolwiek asynchroniczną działalność programu. 

AJAX.prototype.createRequest = function ()
{
    if (window.XMLHttpRequest){
        return new XMLHttpRequest ();
    }
    if (window.ActiveXObject){
        return new ActiveXObject("Microsoft.XMLHTTP");
    }
    return null;
}

AJAX.prototype.getXML = function ()
{
    var request = this.createRequest();;
    var xmlResponse = null;
    var XMLArr = new Array ();

    return new Promise((resolve, reject) => {
        if(request === null){
            reject("Nie działczy");
            return;
        }
        
        request.open(this.method , this.file);
        request.onreadystatechange = () => {
            if (request.readyState == 4){
                resolve(request.responseXML);
            }
        }    
        request.send(null);
    
    });

}

Wywołanie się troche zmieni.

Contract.prototype.validateForm = function ()
{
    var Connect = new AJAX("GET" , "JS/class/XML/ValidateParam.xml" );
    var optionArr = {};
    Connect.getXML().then((XML) => {
        optionArr = Connect.readXML(XML);
        alert (XML);
    });

}

Z góry sorry jeśli nie będzie działać i uprzedzam ze kompatybilnosć wstecz jest słaba. Niekoniecznie z wzgledu na Promise a arrow function popatrzysz na przykłady Promise w necie i myśle ze zrozumeisz :)

Comments

Jak już idziemy w obiecanki, to lepiej po prostu polecić Fetch API, które obiecanki ma wbudowane ;) https://developer.mozilla.org/en/docs/Web/API/Fetch_API

---

@Comandeer dzięki :)

---

Jak dobrze zrozumiałem to wywołuje w klasie Contract obiekt Connect o klasie AJAX, następnie wywołuje funkcję, której zwrot przekazuje do pozostałych metod. Coś jak callback, tylko że nie czeka?

Ciekawy ten fetch. A jak wygląda obecnie wsparcie dla API (oprócz, IE ale mnie to nie dziwi)?

---

Coś jak callback, tylko że nie czeka?

Czy ja wiem, czy można to tak określić? Obiecanki też czekają (zresztą tłumaczyłem to w swoim artykule). 

 A jak wygląda obecnie wsparcie dla API (oprócz, IE ale mnie to nie dziwi)?

No przecież jest tam tabelka na MDN... Zawsze też można się posiłkować Can I Use: http://caniuse.com/#feat=fetch