将数组返回父函数调用

时间:2014-05-23 12:53:46

标签: javascript jquery arrays steroids

我正在尝试将一个对象数组返回给父函数,以便我可以将它们附加到HTML中的div。

我的功能似乎运行错误的序列。这是我的功能:

function getRounds() {
    var db = connectDB();
    var items = new Array();
    db.transaction(function(tx) {
        tx.executeSql('SELECT * FROM round', [], function(tx, results) {
            var len = results.rows.length;
            for (var i=0; i<len; i++){
                items.push(results.rows.item(i));
            }
            alert('ONE: '+ JSON.stringify(items));
            return items;
        }, errorCB);
        alert('TWO: '+ items)
    });
    alert('THREE: '+ items);
    return items;
}

我会收到“三个:”,然后是“两个:”,然后是“一个:[对象]”的警报。

逻辑上它应该反过来警告,因为函数是嵌套的,One返回一个对象数组,这正是我需要返回到main函数(getRounds)。

我是如何实现这一目标的?

我正在使用Appgyver的Steroids,可以在此处找到有关Web SQL数据库存储的文档:http://docs.appgyver.com/en/stable/cordova_storage_storage.md.html#SQLResultSetRowList

1 个答案:

答案 0 :(得分:10)

这是因为电话是异步的!你需要使用回调!

function getRounds(callback) {
    var db = connectDB();
    var items = new Array();
    db.transaction(function(tx) {
        tx.executeSql('SELECT * FROM round', [], function(tx, results) {
            var len = results.rows.length;
            for (var i=0; i<len; i++){
                items.push(results.rows.item(i));
            }
            alert('ONE: '+ JSON.stringify(items));
            callback(items)
        }, errorCB);
    });
}

getRounds(function(items) {
    console.log(items);
});