Procedural order of jQuery functions inside JS [duplicate]

Question

Possible Duplicate:
What does Asynchronous means in Ajax?
jQuery ajax return value

Trying to do a function that contains a jQuery function (getJson()) as part of it, but when I run it, my javascript function returns before calling the getJson(). I want to know why the getJson is not being called in order, and how to fix it.

function getUsers(screen_name){
user_list=[]  
var id_list =[]

    $.getJSON(url,  function(json)
    {   
        //do stuff here, I have breakpoint #1 here
    });

    return user_list //breakpoint #2 is here
}

When running it from the console: getUsers('myUser') it firsts gets to breakpoint #2 and then to breakpoint #1.

There have to be several dozen versions of this question already asked and answered here on SO. — T.J. Crowder
– T.J. Crowder, Commented Jul 26, 2012 at 20:59
I never ask a question without first searching a few minutes, and I usually find an exact duplicate of my question. In this case I didn't know what words I was even searching for. Yeah, searching for "async getjson return" or something gets at the answer fast, but I had no idea I was searching for the word async, which turned to be the key word. Thanks anyways. — leonsas
– leonsas, Commented Jul 26, 2012 at 21:14

jfriend00 · Accepted Answer · 2012-07-26 20:57:20Z

getJSON() is asynchronous by default. That means that calling it just starts the operation and the rest of your javascript continues to run. Sometime later, the asynchronous operation finishes and the success handler is called with the returned data.

Any code that needs access to the returned data must either be in the success handler or in a function that you call from the success handler. You cannot use an asynchronous function and just return the user_list like you are trying to.

Instead, you will have to rethink how your code is organized so that the code that uses the user_list is in the success handler or is called from the success handler.

getJSON() can be set to be synchronous, but that is generally a bad way to program in javascript because it locks up the browser for the duration of the networking call which is generally a bad user experience. Instead, if you write the code properly to deal with it being aschronous, then the browsers stays completely interactive for the full duration of the ajax call.

Collectives™ on Stack Overflow

Procedural order of jQuery functions inside JS [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related