jQuery: wait for function to complete to continue processing?
<p>Hey all.  I have, what appears to be, a trivial problem.  I have the following JavaScript:</p>

<pre><code>$(function() {
    var r = GetResults();

    for(var i = 0; i &lt; r.length; i++) {
        // Do stuff with r
    }
});

function GetResults() {
   $.getJSON("/controller/method/", null, function(data) {
       return data;
   });
}
</code></pre>

<p>Due to the fact that I'm calling a method asynchronously, the script continues executing and when it encounters the for loop, <code>r</code> obviously isn't going to have a value yet.  My question is: when I have a method that is doing an asynchronous operation, and I'm dependent on the data it returns back in the main block, how do I halt execution until the data is returned?  Something like:</p>

<pre><code>var r = GetResults(param, function() {

});
</code></pre>

<p>where the function is a callback function.  I cannot move the for loop processing into the callback function of the JSON request because I am reusing the functionality of GetResults several time throughout the page, unless I want to duplicate the code. Any ideas?</p>
