Mark
Mark

Reputation: 33571

javascript function return data

I have a function like this that does an ajax call to grab some data from a database.

    function db (content) {
        $.post('/ajax/db.php', { 
           operation:operation,
           content:content
        }, function(data)
        {
            console.log(data);
            return data;
        });
    }

console.log(data); gives me the data that I want.

However how do I pass data to function db so that I can do something like:

var returnedData = db ('content');

Thanks!

Upvotes: 3

Views: 5773

Answers (1)

Nick Craver
Nick Craver

Reputation: 630349

AJAX Operations are asynchronous so returning it directly isn't an option, not unless you make it synchronous (which locks up the browser). Instead, you should pass the data onto the next function in the callback, like this:

function db (content) {
    $.post('/ajax/db.php', { 
       operation:operation,
       content:content
    }, function(data)
    {   
        nextFunction(data);
    });
}

Or make it take a callback so you can pass the function that will get the data, when it's ready, like this:

function db (content, callback) {
    $.post('/ajax/db.php', { 
       operation:operation,
       content:content
    }, callback);
}

Then call it providing the callback function, for example:

db('content', function(data) { 
  //do something with data
});

Upvotes: 9

Related Questions