JavaScript: Passing changing parameters to a callback

Question

Now here's a fun problem. I have an object array as the following:

objRequests = [
   {
      url: "/cgi-bin/script1.cgi",
      dest: "#div1"
   },
   {
      url: "/cgi-bin/script1.cgi",
      dest: "#div2"
   }
];

Now, I iterate through these objects to load some information from the server at particular addresses using jQuery's $.getJSON() method and after some fancy mangling through the callback function, needs to put HTML into the div whose id is specified via 'dest'.

Normally, if I need to specify extra data to go into the callback, I'd use an anonymous function, and that works just fine. The problem here is that the variable pointer for destination seems to remain the same, so destination is always equal to "#div2" when each callback fires.

I've tried the following:

for (var loop = 0; loop < objRequest.length; loop++)
{
    var exec = new function(objResponse)
    {
       processResponse(objResponse, objRequest[loop].dest);
    }

    exec.dest == objRequest[loop].dest;

    $.getJSON(objConfig.strTicketScript, exec);
}

as well as

for (var loop = 0; loop < objRequest.length; loop++)
{
    var destination = objRequest[loop].dest;

    var exec = new function(objResponse)
    {
       processResponse(objResponse, destination);
    }

    exec.dest == objRequest[loop].dest;

    $.getJSON(objConfig.strTicketScript, exec);
}

but for some reason Firefox still doesn't seem to create individual data in the anonymous function. Is there a way to get a unique reference to data on each iteration?

A very good answer can be found here: stackoverflow.com/questions/1552941/… — Shog9
– Shog9, Commented Jun 22, 2010 at 23:15
Both great links. Thanks for the info. I had some trouble searching since I didn't know what to search for :S — RandomInsano
– RandomInsano, Commented Jun 23, 2010 at 14:57

azatoth · Accepted Answer · 2010-06-22 21:08:52Z

3

You will need to do an closure:

var exec = (function(dest){
  return function(objResponse) {
     processResponse(objResponse, dest);
  }
 })(objRequest[loop].dest);

answered Jun 22, 2010 at 21:08

azatoth

2,37915 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

RandomInsano Over a year ago

That is bar none, the strangest notation I've every seen. But this closure thing, very informative! I've found more information here: jibbering.com/faq/notes/closures

Collectives™ on Stack Overflow

JavaScript: Passing changing parameters to a callback

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related