Variable doesn't get returned from AJAX function

Question

As my framework grows i decided to split it into files, instead of leaving it in the main design file. However by doing that the return of a function doesn't return any value.

data isn't empty - if i alert the values in the js file they are there!

The functions:

1st the function in .js file (is included before the execution)

             var lock_get = 0;
             function get_data(data, destination) 
             {

                if (lock_get == 0)
                {
                    lock_get = 1;
                    $.ajax({
                        type: "POST",
                        url: destination,
                        async: true,
                        data: data,
                        success: function(data) 
                        {
                            lock_get = 0;
                            if (data)
                            {
                                return data;
                            }
                        }
                    });
                }
             };

So and here is the execution part:

    var test = get_data(data, destination);
    notice(test);

and test is empty... I already tried different ways for writing but I guess i missunderstood the possibilities of js?

@Tuscan No. async:false is deprecated and always was a bad idea — Denys Séguret
– Denys Séguret, Commented Sep 18, 2012 at 11:49
possible duplicate of How to return the response from an Ajax call? — Peter O.
– Peter O., Commented Sep 8, 2014 at 6:21

Denys Séguret · Accepted Answer · 2012-09-18 10:36:16Z

11

You can't do that : as the call is asynchronous, the get_data function can't return the result of the ajax call.

What you should do is provide a callback to the get_data function and handle the result in the callback.

function get_data(data, destination, callback) 
         {

            if (lock_get == 0)
            {
                lock_get = 1;
                $.ajax({
                    type: "POST",
                    url: destination,
                    async: true,
                    data: data,
                    success: function(data) 
                    {
                        lock_get = 0;
                        if (data && callback)
                        {
                            callback(data);
                        }
                    }
                });
            }
         };

And call it like that :

get_data(data, destination, function(test){
   notice(test);
});

answered Sep 18, 2012 at 10:36

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ivan Schrecklich Over a year ago

Seriously thanks wasn't thinking about the callback! Of course it works now :)...

djneuron · Accepted Answer · 2015-04-02 15:14:15Z

0

Alternatively you can return from synchronous AJAX call, it's generally BAD idea to use synchronous calls, but it may be useful sometimes:

http://pratyush-chandra.blogspot.com/2012/04/store-ajax-json-response-into.html

answered Apr 2, 2015 at 15:14

djneuron

814 bronze badges

Collectives™ on Stack Overflow

Variable doesn't get returned from AJAX function

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related