[js]Probleem met globale variabele

[bibawa]

Ik gebruik volgende javascript code om ajax te integreren in m'n website:

code:

    function createHTTPHandler(){
            httphandler = false;
            
            if (!httphandler && typeof XMLHttpRequest!='undefined') {
            httphandler = new XMLHttpRequest();
            }
            return httphandler;
    }
    
    function voerPaginaUit(pagina,oproepnaam){
        var terug="test";
        var XMLHTTPObject = createHTTPHandler();
        
        XMLHTTPObject.open('GET', pagina, true);
        XMLHTTPObject.setRequestHeader("Cache-Control", "no-cache");
        XMLHTTPObject.setRequestHeader("X_USERAGENT", oproepnaam);
        
        XMLHTTPObject.send(null);
        
        XMLHTTPObject.onreadystatechange=function() {
            if (XMLHTTPObject.readyState==4) {
                
                terug = XMLHTTPObject.responseText;
                
                
                
            }
           
        }
        
       return terug;
         
    }

de variabele terug krijgt van XMLHTTPObject.responseText; de juiste waarde (getest met alert) wanneer ik nu echter net voor de return terug nogmaals een alert doe van terug dan krijg ik tot mijn stomste verbazing de tekst "Test" te zien die bovenaan in de functie in de variabele terug is geplaatst.

Hoe kan ik dit nu voorkomen?

[crisp]

Je doet een asynchroon request, op het moment dat je functie returned is je onreadystatechange handler logischerwijs nog niet uitgevoerd.
Je zal dus of moeten werken met een synchroon request, of je onreadystatechange handler een call laten doen naar een andere functie die iets met de respons doet.

en clientside scripting hoort natuurlijk in Webdesign, Markup & Clientside Scripting

[ Voor 9% gewijzigd door crisp op 16-06-2007 12:43 ]

[bibawa]

Als ik werk met een synchroon request dan zal dit ervoor zorgen dat de pagina gaat "bevriezen" en dat is de bedoeling niet..

Hoe doe je dit: Je zal dus of moeten werken met een synchroon request, of je onreadystatechange handler een call laten doen naar een andere functie die iets met de respons doet. ?

Eerlijk gezegd begrijp ik deze regels niet goed en kan er niet goed op verder bouwen:

code:

  XMLHTTPObject.onreadystatechange=function() {
            if (XMLHTTPObject.readyState==4) {
                
                terug = XMLHTTPObject.responseText;
                
                
                
            }
           
        }

[B-Man]

bibawa schreef op zaterdag 16 juni 2007 @ 12:47:
Als ik werk met een synchroon request dan zal dit ervoor zorgen dat de pagina gaat "bevriezen" en dat is de bedoeling niet..

Hoe doe je dit: Je zal dus of moeten werken met een synchroon request, of je onreadystatechange handler een call laten doen naar een andere functie die iets met de respons doet. ?

Eerlijk gezegd begrijp ik deze regels niet goed en kan er niet goed op verder bouwen:

code:

  XMLHTTPObject.onreadystatechange=function() {
            if (XMLHTTPObject.readyState==4) {
                
                terug = XMLHTTPObject.responseText;
                
                
                
            }
           
        }

Hij bedoelt dat XMLHTTPObject.onreadystatechange pas uitgevoerd wordt (als je hem async uitvoert) zodra er een response ontvangen is.

Wil je aynchroon werken, dan moet je voerPaginaUit een functie reference meegeven, zoiets:

JavaScript:

function voerPaginaUit(pagina,oproepnaam, callback){
        var XMLHTTPObject = createHTTPHandler();
        
        XMLHTTPObject.open('GET', pagina, true);
        XMLHTTPObject.setRequestHeader("Cache-Control", "no-cache");
        XMLHTTPObject.setRequestHeader("X_USERAGENT", oproepnaam);
        
        XMLHTTPObject.send(null);
        
        XMLHTTPObject.onreadystatechange=function() {
            if (XMLHTTPObject.readyState==4) {
                callback( XMLHTTPObject.responseText );
            }
           
        }         
    }

function callbackFunction( responseText ) {
    alert( responseText );
}

voerPaginaUit( 'testpagina.php', 'test', callbackFunction );

voerPaginaUit() zelf geeft dan geen response.

[ Voor 5% gewijzigd door B-Man op 16-06-2007 13:07 ]

[crisp]

bibawa schreef op zaterdag 16 juni 2007 @ 12:47:
Als ik werk met een synchroon request dan zal dit ervoor zorgen dat de pagina gaat "bevriezen" en dat is de bedoeling niet..

Alleen als of je internet connectie megatraag is, of het serverside proces er lang over doet...