Question

I am building a mobile app using phonegap, jQuery and jQuery mobile. I want to use SqLite database in my app for storing some user information. (I can’t use local storage i want to do search/sort operations on the data)

This is the code I am working on to get this done,

function getAccountInformation(){
    var accounts = {};
    db.transaction(function(transaction) {
        transaction.executeSql('SELECT * FROM account;', [], 
            function(transaction, result) { 
                if (result != null && result.rows != null) { 
                    for (var i = 0; i < result.rows.length; i++) {
                        var item={};
                        var row = result.rows.item(i); 
                        for(var prop in row){
                            item[prop]=row[prop]
                        }
                        accounts[i]=item;
                    }
                }
            },errorHandler
        );
    },errorHandler,nullHandler);
    console.log(JSON.stringify(accounts));
}

If I put this console.log(JSON.stringify(accounts)); after the end } of the for loop it shows proper output.

But if I put it where it is right now the {} is printed as an output.

How can I make getAccountInformation() function return that accounts object to my other function? Where I will use jQuery to render the output.

What I want to do is return this accounts object simply by wrting
return accounts;

Answer 1

Because the SqLite functions are asynchronous you cannot just return the value.

I would make the getAccountInformation receiving a callback as below:

function getAccountInformation(callbackfn)
{
    db.transaction(function(transaction),
        .....,
        function (transaction, result)
        {
            if (result != null)
            {
               callbackfn(result);
            }
        });
}

In such way you will get your function called when the db request executed.