How do I use a variable that I got through jQuery?

Question

My code is like this and I'm trying to fill a form field with the result of the jQuery function. But it's not working. What am I doing wrong here? It logs the result to the console fine, including the hash and the array:

jQuery(document).ready(function() {
    new GetBrowserVersion().get(function(result, components){
        console.log(result); //a hash
        console.log(components); //an array
    });

    var unique_id = result;

    $('#unique_id').val(unique_id);      
 });

What I get is this:

Uncaught ReferenceError: result is not defined

Followed by the hash and array.

Possible duplicate of [How do I return the response from an asynchronous call?](http://stackoverflow.com/questions/14220321/how-do-i-return-the-response-from-an-asynchronous-call) — Heretic Monkey, Sep 27 '16 at 22:03

score 5 · Accepted Answer · edited Sep 27 '16 at 22:06

you are closing the function and the value is not available (in scope) to use to update the input:

jQuery(document).ready(function() {
    new GetBrowserVersion().get(function(result, components){
        console.log(result); //a hash
        console.log(components); //an array

        var unique_id = result;
        $('#unique_id').val(unique_id);
    });
});

Incidentally - you can use the argument directly in the function without creating the intermediate variable of result::

jQuery(document).ready(function() {
    new GetBrowserVersion().get(function(result, components){
        console.log(result); //a hash
        console.log(components); //an array

        $('#unique_id').val(result);
    });
});

score 1 · Answer 2 · answered Sep 27 '16 at 22:03

If you actually need result elsewhere, you can use a closure to get the value outside of get().

var result;

new GetBrowserVersion().get(function(r, components){
    console.log(r); //a hash
    console.log(components); //an array

    result = r; // assigns to the result in the enclosing scope, using a closure
});

var unique_id = result;
$('#unique_id').val(unique_id);

How do I use a variable that I got through jQuery?

2 Answers2