是不必要循环执行executeSql命令的结果?

时间:2012-05-01 19:41:54

标签: javascript mustache

这里有很多代码,但问题与底部的for循环有关。

var dbo = openDatabase('xxx','1.0','myDatabase', 1048576);
var DropTableDeferred = new $.Deferred();
var CreateTableDeferred = new $.Deferred();
var InsertDeferred = new $.Deferred();
var SelectDeferred = new $.Deferred();
dbo.transaction(function(myTrans) {
    myTrans.executeSql(
        'drop table myTable;'
        ,[]
        ,DropTableDeferred.resolve()
    );
});
DropTableDeferred.done(function() {
    dbo.transaction(function(myTrans) {
        myTrans.executeSql(
            'CREATE TABLE IF NOT EXISTS myTable' 
            + '(xxxID Integer NOT NULL PRIMARY KEY'
            + ',xxxName Varchar(128)'
            + ');'
            ,[]
            ,CreateTableDeferred.resolve()
        );
    });
});
CreateTableDeferred.done(function() {
    dbo.transaction(function(myTrans) {
        myTrans.executeSql("INSERT INTO myTable(xxxID,xxxName) VALUES(1,'A')");
        myTrans.executeSql("INSERT INTO myTable(xxxID,xxxName) VALUES(2,'B')");
        myTrans.executeSql(
            "INSERT INTO myTable(xxxID,xxxName) VALUES(3,'C')",
            [],
            InsertDeferred.resolve()
        );
    });
});

InsertDeferred.done(function() {
    dbo.transaction(function(myTrans) {
        myTrans.executeSql(
            'SELECT * FROM myTable',
            [], 
            function(tx, result) {
                SelectDeferred.resolve(result);
            }
        );
    });
});

SelectDeferred.done(function(result) {
    var X = $('#result-template').html();
    var template = Handlebars.compile(X);
    var data = [];

    for(var i=0;i < result.rows.length; i++) {
        data.push(result.rows.item(i));
    }
    $('ul').append(template(data));
});

问:我是否需要构建数据数组以调用模板(数据),还是可以直接传递结果变量?

通过'结果变量',我的意思是:result.rows,或result.rows.item,或其他一些组合。

2 个答案:

答案 0 :(得分:1)

恕我直言,你可以,但说实话,你可以花更少的时间尝试一下,然后发布问题。试试吧:

$('ul').append(template(result.rows));

答案 1 :(得分:1)

是的,该值已直接在我的html&amp; javascript项目中传递。在下面的代码中,我得到了Sql的结果并填写了一个下拉框的选项。

    function fillLectureFromDB(tx) {
        tx.executeSql('SELECT * FROM LECTURE', [], successFill, errorFill);
    }
    function successFill(tx, results) {
        var len = results.rows.length;
        for (var i=0; i<len; i++){
            var elOptNew = document.createElement('option');
            elOptNew.text = results.rows.item(i).code;
            elOptNew.value = results.rows.item(i).code;
            var elSel = document.getElementById('slExCode');
            elSel.add(elOptNew, null);  
        }
    }