回调、返回值和 HTML5executeSql 函数

Question

我有一个大问题。我知道这是关于回调、关闭，但我不知道如何解决问题。这是我的代码

$.Model.extend('Article',
{
     findAll : function(params, success, error){                
                var result = []
                db.transaction(function(tx) {
                    tx.executeSql('select * from contents', [],function(tx, rs) {
                        for(var i=0; i<rs.rows.length; i++) {
                            var row = rs.rows.item(i)
                            result[i] = {
                                id: row['id'],
                                title: row['title'],
                                body: row['body']
                            }
                        }
                    })
                })
                //here result is undefined
                alert(result)
                return result
    }
})
//undefined
var view = Article.findAll

我知道executeSql是异步函数，但我不知道如何保存和返回executeSql的结果。我使用 javascript mvc 和 HTML 离线数据库。

感谢您的帮助

Answer 1

W3C Web 数据库规范讨论了对异步和同步数据库操作的支持。 （参见 4.3 和 4.4）

如果您无法使用同步实现，那么您可能需要考虑像这样解决问题：

$.Model.extend('Article',
{
     findAll : function(params, success, error){                
                var result = []
                db.transaction(function(tx) {
                    tx.executeSql('select * from contents', [],function(tx, rs) {
                        for(var i=0; i<rs.rows.length; i++) {
                            var row = rs.rows.item(i)
                            result[i] = {
                                id: row['id'],
                                title: row['title'],
                                body: row['body']
                            }
                        }

                        success(result); //toss the result into the 'success' callback
                    })
                })
                //here result is undefined
                alert(result)
                return result
    }
})

Article.findAll([], function(view) {
        //...
    }, function() {
        //error occured
    });

Answer 2

我有同样的问题，但你可能想使用这个小包装库，让生活更轻松;)

http:// github.com/grosser/arjs

Answer 3

我也遇到了同样的问题，尤其是在移动开发项目上。我创建了一个库，消除了回调的需要：
http://code.google.com/p/proto-q/

这个使我的代码更容易排除故障、维护和增强。

我添加了对 AJAX、Web Worker、脚本注入和存储 API 的支持。我希望它有帮助。

Answer 4

您尝试同步使用结果，这是您在定义之前的访问结果（实际上在您的代码示例中，它不是未定义的，它是一个空数组），尽管我希望这是因为您已将声明从其原始位置移动，试图找出什么正在发生。

尝试这个修改后的示例：-

$.Model.extend('Article',
{
    findAll : function(params, success, error){                
            db.transaction(function(tx) {
                tx.executeSql('select * from contents', [], function(tx, rs) {
                    var result = [];
                    for(var i=0; i<rs.rows.length; i++) {
                        var row = rs.rows.item(i)
                        result.push({
                            id: row['id'],
                            title: row['title'],
                            body: row['body']
                        });
                    }
                    success(result);
                });
            });
    }
});

Article.findAll({}, function(result) { 
    // process result here
});

Article.findAll() 现在是一个异步函数，其回调（闭包）接收结果。