Question

78

Pass arguments into ajax onreadystatechange callback?

rated 0 times [ 83] [ 5] / answers: 1 / hits: 34233 / 13 Years ago, tue, december 20, 2011, 12:00:00

What's the normal pure javascript (i.e. not JQuery) way to pass arguments into an anonymous onreadystatechange callback?

For example:

function doRequest(){

    /* Get an XMLHttpRequest in a platform independent way */    

    var xhttp = getXmlHttpRequestObject(); 



    var msg=show this message when done; /* another variable to pass into callback */



     /* How do I pass 'msg' and 'xhttp' into this anonymous function as locals

       named 'x' and 'm'??? */

    xhttp.onreadychangestate=function(x,m)

    {

       if( x.readyState == 4 )

       {

           alert(m);

       }

    }

    /* do the open() and send() calls here.... */

}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

keyonnaelled

Add To Favorites

Follow

Total Points: 35

Total Questions: 113

Total Answers: 99

Location: South Korea

Member since Fri, Sep 11, 2020

4 Years ago

answered 13 Years ago loganl · Accepted Answer

Javascript supports closures, so the anonymous function you wrote will be able to access xhttp and msg from the enclosing doRequest() scope.

If wanted to do this explicitly (say, if you want to define the callback function somewhere else in the code and reuse it), you could create a function that creates the callbacks. This also allows you to alias the variables to be accessible with different names (like x and m):

function createCallback(x, m) {

    return function() {

        /* Do whatever */

    };

}

and then in doRequest(), do xhttp.onreadystatechange = createCallback(xhttp, msg);

If all you wanted to do was 'rename' the variables, you can do this inline and anonymously:

xhttp.onreadystatechange = (function(x, m) {

    return function() {

        /* Do stuff */

    }

})(xhttp, msg);