CODEWITHSUNDEEP
javascriptjqueryjsonasp.net-mvc-3global-variables
newbie_86
newbie_86

Reputation: 4610

Set javascript global variable to JSONresult?

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...

Upvotes: 1

Views: 8736

Answers (4)

Guard
Guard

Reputation: 6955

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)

Upvotes: 0

marc
marc

Reputation: 6223

You again. Maybe try

var result;
$.ajax({
    url: '<%: Url.Action("myUrl", "con") %>/',
    dataType: 'json',
    async: false,
    success: function(data) {
        result = data;
    }
});
// process result here

Upvotes: 2

T.J. Crowder
T.J. Crowder

Reputation: 1075169

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.

Upvotes: 0

Adam Hopkinson
Adam Hopkinson

Reputation: 28795

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;
           });
    });

Upvotes: 0

Related Questions