Using the JSON data between jQuery and Javascript

Question

This code snippet gets a Json data from a API hosted in my localhost. I can get the json objects into their own css id(selector?) but I want to use value somewhere else in my javascript. For example, I want to use '#long' in my javascript. I tried using global variable but it says that 'long' is undefined. What do I have to do so that I can use uid, lat or long elsewhere in my script?

   $(document).ready(function(){

    $.get("http://localhost:4567/get/233307/loc", function(data){
        $('#uid').append("UID: " + data.uid);
        $('#lat').append("Latitute: " + data.lat);
        $('#long').append("Longitude: " + data.long);

        var long = data.long;
        alert(long);
        }, "json");

});

Thanks.

Answer 1

var myApp = {};
$(document).ready(function(){

    $.get("http://localhost:4567/get/233307/loc", function(data) {
       myApp.data = data; // Can be stored here.
       orPassItToAnotherFunction(data);
    });
});

Answer 2

Declare the variables in the global scope, and assign them in the ajax callback.

var long;
var lat;
var uid;

$(document).ready(function(){

 $.get("http://localhost:4567/get/233307/loc", function(data){
    $('#uid').append("UID: " + data.uid);
    $('#lat').append("Latitute: " + data.lat);
    $('#long').append("Longitude: " + data.long);

    long = data.long;
    lat = data.lat;
    uid = data.uid;
    alert(long);
 }, "json");

});

Answer 3

Try declaring var long; previously, outside $(document).ready(function(){