How can I use variable outside the function?

Question

$('#liveUpdate').click(


        $.getJSON("http://freegeoip.net/json/", function(data) {
            var country = data.country_name;
            var ip = data.ip;
        });

        alert(country);

    });

I wanted to use country outside getJSON but not the correct result. Tried to define variable top of the click function but not resolved my problem.

How can I fix it?

you can try `$('#liveUpdate').click(function() { var country = null; $.getJSON("http://freegeoip.net/json/", function(data) { country = data.country_name; var ip = data.ip; }); alert(country); });` — Sushil, Sep 01 '15 at 21:58
@Bergi - Heh, you got in right as I clicked close with that same target :) — Travis J, Sep 01 '15 at 22:00
you're right @RocketHazmat he can just use `$.ajax` with `async: false` — Sushil, Sep 01 '15 at 22:00
@Sushil: I would *not* suggest that, it's a bad practice. It locks up the browser and doesn't teach you the correct way to use AJAX. — gen_Eric, Sep 01 '15 at 22:03
yeah that's true but if its not a heavy function, why not use it or he can go with @Ammar's approach — Sushil, Sep 01 '15 at 22:07

score -1 · Accepted Answer · edited Sep 01 '15 at 22:03

Change your approach to work with the asynchronous nature of ajax.

Say you wanted to use country in a function

function someFunction(country){
    //country used here
}

Then call it within the success callback of the ajax

$('#liveUpdate').click(function(){
        $.getJSON("http://freegeoip.net/json/", function(data) {
            country = data.country_name;
            var ip = data.ip;
            someFunction(country);
        });

    });

How can I use variable outside the function?

1 Answers1