how to access a local variable inside .ajax() async function

Question

I have a javascript function which looks like this:

function reloadToolbar() {
        var ids = ["#gs_foo"];
        var parmName = ["foo"];
        for (i = 0; i < ids.length; i++) {
               $.ajax({url:"myurl?parm="+parmName[i],success:function(result){
                 $(ids[i]).html(result);
               }});       
        }
}

However, the above code doesn't work. it doesn't update the id gs_foo. Although, the code below works fine, note the change ($("#gs_foo).html(result))

function reloadToolbar() {
        var ids = ["#gs_foo"];
        var parmName = ["foo"];
        for (i = 0; i < ids.length; i++) {
               $.ajax({url:"myurl?parm="+parmName[i],success:function(result){
                 $("#gs_foo").html(result);
               }});       
        }
}

How can I do this the right way?

Seems like this question is asked at least once per day. Duplicates: stackoverflow.com/questions/3273210/…, stackoverflow.com/questions/1451009/…, stackoverflow.com/questions/3572480/…, and many more... It's about closures. Also btw, your i variable is global. — elclanrs
– elclanrs, Commented Dec 4, 2012 at 3:05
good, thought I was crazy. I looked at the three links posted by @elclanrs and couldn't connect the dots... — birdy
– birdy, Commented Dec 4, 2012 at 3:18
Now that I double check maybe is not that... Altough it seems like i is "lost" inside the success function closure... — elclanrs
– elclanrs, Commented Dec 4, 2012 at 3:40

lastr2d2 · Accepted Answer · 2012-12-04 03:13:38Z

0

A work-through is to add another field to your result from server.

$.ajax({url:"myurl?parm="+parmName[i],success:
    function(result){
        var ids= $('.whatever');
        $(ids[result.index]).html(result.body);}
});

edited Dec 4, 2012 at 3:13

answered Dec 4, 2012 at 3:06

lastr2d2

4,0143 gold badges27 silver badges43 bronze badges

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

Collectives™ on Stack Overflow

how to access a local variable inside .ajax() async function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related