Get a variable after ajax done

Question

I have this code for make some request to my server:

function myAjaxCheck(token) {
        $.ajax({
            type: 'POST',
            url: 'auth.php',
            data: {
                token: token,
            },
            dataType: 'json',
            success: function (data) {
                if (data.auth == 'OK') {
                    alert ('ok');
                    }
                } else {
                    alert('Error: ' + data.auth);
                }
            }
        }).done(function (data) {
            return data;
        });
    }

So, i need to pass the returned data into a variable like:

Var MyVariable = myAjaxCheck(token);
console.log(MyVariable);

at console:

undefined

Where is the problem, is supposed to data will returned when done, but isn't.

no.good.at.coding · Accepted Answer · 2011-06-05 00:56:56Z

By default, an ajax() request is asynchronous so the call to ajax() will usually return before the request completes. You could make use of a callback function instead.

function myAjaxCheck(token, callback) {
        $.ajax({
            type: 'POST',
            url: 'auth.php',
            data: {
                token: token,
            },
            dataType: 'json',
            success: function (data) {
                if (data.auth == 'OK') {
                    alert ('ok');
                    }
                } else {
                    alert('Error: ' + data.auth);
                }

                callback(data);
            }
        });
    }

var myVariable; 
 myAajxCheck(token, function(returnedData){ //anonymous callback function
    myVariable = returnedData;
    console.log(myVariable);
 });

If you absolutely must, you could use async: false inside the call to ajax().

Community · Accepted Answer · 2017-05-23 11:46:16Z

0

Please see Waiting for $.post to finish.

Basically, it is better to use callbacks. Your variable seems to be undefined, because the code returning it to the console is executed before the AJAX request is finished.

edited May 23, 2017 at 11:46

CommunityBot

11 silver badge

answered Jun 5, 2011 at 0:57

Tadeck

138k28 gold badges155 silver badges201 bronze badges

Comments

alex · Accepted Answer · 2011-06-05 00:57:17Z

0

Because you are expecting a value to be returned immediately. You are using asynchronous XHR, so, the function will return (undefined in this case) before the XHR has a chance to finish and return its value.

answered Jun 5, 2011 at 0:57

alex

492k205 gold badges890 silver badges992 bronze badges

1 Comment

Uriahs Victor Over a year ago

Ok, but what is the solution? Please add more to your answer to make it better

Collectives™ on Stack Overflow

Get a variable after ajax done

at console:

undefined

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

at console:

undefined

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related