1

how do i set a js global variable to a json result set in the onload event?

    var global = [];

    $.getJSON("<%: Url.Action("myUrl", "con") %>/", 
     function(data) {
           $.each(data, function(key, val) {
             global.push(val);
           });
    });

global does not have a value set on load, i need to access it outside the json call...

1

4 Answers 4

2

You again. Maybe try

var result;
$.ajax({
    url: '<%: Url.Action("myUrl", "con") %>/',
    dataType: 'json',
    async: false,
    success: function(data) {
        result = data;
    }
});
// process result here
7
  • this sets result, when i access result immediately after the ajax call it has a value, when i try to access it in other methods, it doesnt...
    – newbie_86
    Commented Jul 26, 2011 at 13:25
  • I can't seem to access it in other methods, so it doesn't seem to be set "globally"?
    – newbie_86
    Commented Jul 26, 2011 at 13:28
  • just remove var if you want to make result global.
    – marc
    Commented Jul 26, 2011 at 13:30
  • never mind....i removed var and it works :) Can I use a GetJson instead of an ajax call?
    – newbie_86
    Commented Jul 26, 2011 at 13:31
  • No. The important point here is async: false what makes the code wait until the respone has been received. This is a capability getJSON do not supports.
    – marc
    Commented Jul 26, 2011 at 13:42
0

You don't need to set global to an array. Just assign the value.

var global = null;

    $.getJSON("<%: Url.Action("myUrl", "con") %>/", 
     function(data) {
           $.each(data, function(key, val) {
             global = val;
           });
    });
1
  • That will result in global being the last value iterated (and the iteration order is undefined assuming data is an object [it's defined for arrays], so this could result in chaotic behavior). Commented Jul 26, 2011 at 13:03
0

That code should work just fine. (Live copy) Sounds like there's a problem with the ajax call not returning the data in the form you expect.

0

As @marc (indirectly) points, you have to understand the nature of the ajax call, and event model. The ajax call is executed as soon as the JS file is parsed, byt result is returned asynchronously. So, your code timeline would look like

00 set global = []
01 AJAX call /someurl/ -------------------\
02 check global /* it's empty */           \
03 do something else                  [process AJAX call on server, send result]
...                                         /
42 AJAX call is completed <----------------/
43 call  success ----------------------------------> global.push(result)
44 at this point of time you can access global

This is a timeline, not the execution order. The time between the AJAX call and the response could be arbitrary, including the case of timeout or server-side error

So, what should you do?

1) the normal solurtion for JS - a callback, the success function you already have could either

1.1) set global and call the other function, or

1.2) do the desired actions with data

2) event - better if you suppose to use the data in multiple parts of the code, read for jQuery events mechanism

3) synchronous call, as @marc suggests - this should be avoided in 99% of cases. The only case I know when itt might be needed is when you have to requst for mandatory data from the 3rd party source, and even in this case you could do it on server (though at least synchronous AJAX is acceptable)

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.