Question

I’m possibly missing something that is very obvious, but I’m not getting nowhere with this problem.

I’m simple trying to set a value of a variable after getting the value from a json feed.

I’m using jquery to get a jsonp feed and then store the value in a variable that I can use later, but its not working and the value doesn’t get stored. If I console.log the value it returns it.

jQuery(document).ready(function($){
    serverip = "<?php echo $_SERVER['SERVER_ADDR']; ?>";
    stream_domain = "";

    $.ajax({url: 'http://load.cache.is/inspired.php?ip=' + serverip, dataType:'jsonp',
      success:  function(data){
        $.each(data, function(key, val) {
            if (key == serverip){
               stream_domain = val;
               console.log("val: " + val);
            }
        });
      }
    });

    console.log(stream_domain);
});

Here is the same code on jsfiddle.net

Answer 1

You are making an asynchronous request. So your code which appends the HTML execute before the success does which assigns the variable.

The code following the ajax request executes immidiatly after the request is made.
So if you require the response data then you should move your append code to be executed from the success method similar to this:

if (key == serverip){
    stream_domain = val;
    console.log("val: " + val);
    $("<span>" + val + "</span>").appendTo(".json");
    $("<span>" + stream_domain + "</span>").appendTo(".variable");
}

DEMO