jQuery use returned JSON array outside of function using post

Question

I am sure I am missing something obvious, but whatever it is I can't seem to figure it out.

Here is what I have

var warr = new Array();

$('#step3next').click(function() {
    $.post('AJAX_GetGameWords.asp',function(data) {
        fw(data.warray);
    },"json");

    $('.vardisplay3').append(warr+'');
});

function fw(x) {
    warr = [x]; 
}

Ultimately what I am wanting is to be able to use the warr array anywhere.

If I put the $('.vardisplay3').append(warr+''); just under fw(data.warray); then it works just fine and displays in .vardisplay3, but with where it is now, it doesn't display anything.

I would think since warr is set as global, it would work, but I am obviously missing a scope issue or something.

Can anyone explain what is going on and how can I have the ability to use the warr array anywhere.

Thanks

It's not a scoping issue, it's a timing issue -- the $.post callback function doesn't run until at least after the current function call stack is cleared. — apsillers
– apsillers, Commented May 7, 2013 at 16:36

David · Accepted Answer · 2013-05-07 16:37:06Z

3

It's not a scope issue, it's an order of execution issue. .post() is asynchronous, so this line of code:

$('.vardisplay3').append(warr+'');

is being executed before this line of code:

fw(data.warray);

The scope is fine, but if you want something to happen in response to an asynchronous AJAX call (such as appending a returned value) then it needs to be invoked from the call-back function of that AJAX call. Otherwise it'll execute before the AJAX call is finished and it won't have any data to use.

answered May 7, 2013 at 16:37

David

221k42 gold badges245 silver badges337 bronze badges

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

Comments

MarZab · Accepted Answer · 2013-05-07 16:37:14Z

2

post is asynchronous.

you need to use the success callback if you want to use the returned data

http://api.jquery.com/jQuery.post/

answered May 7, 2013 at 16:37

MarZab

2,67823 silver badges29 bronze badges

Comments

Shiladitya · Accepted Answer · 2019-04-13 04:14:39Z

0

You can change the $.post with an ajax call like this it will be callback your data easily and prevent your this issue...

$.ajax({
  type: "POST",
  url: "AJAX_GetGameWords.asp",
  data: "",
  async: false,
  success: function(t){
    alert(t);// You can call your function HERE
  }
});

edited Apr 13, 2019 at 4:14

Shiladitya

12.2k17 gold badges29 silver badges43 bronze badges

answered May 11, 2013 at 9:02

user1978134

Collectives™ on Stack Overflow

jQuery use returned JSON array outside of function using post

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related