html5sql.process里面的for循环

时间:2012-07-26 16:00:42

标签: database html5 sqlite jquery-mobile cordova

我正在使用jQuery mobile 1.1.1和PhoneGap开发一个iPad应用程序。 我使用html5sql.js来执行数据库操作,它运行正常。

如何在for循环中使用html5sql.process()

例如:

html5sql.process( {
                    "sql": "select id,count from my_table",
                     "data": [],
                      "success": function(transaction, results){        
                    },  
                     function(transaction, results){

                        for(var i = 0; i < results.rows.length;i++){

                             /// Line 5
                 html5sql.process( {
                                      "sql": "select count(*) from my_table1 where id= ?",
                                    "data": [results.rows.item(i).id],
                                     "success": function(transaction, resultsD){        
                                 },  
                                      function(transaction, resultsD){

                                            if(results.rows.item(i).count == resultsD.rows.length){
                                  //do my task

                            }
                                       },function(){}
                                    );
                                 }
                           },function(){}
                       );

我没有从此代码获得任何输出。当我检查它时,它只能工作到第5行。之后的代码不起作用。什么可能导致问题?

1 个答案:

答案 0 :(得分:0)

看来,代码的整个结构都是错误的。您不应该在循环内但在外部请求数据库。这是我的代码中的一个块,它生成一个jQM列表视图。查询结果放在一个数组中,javascript正在解析实际的HTML代码。希望它有所帮助

function showRecords() {
    document.getElementById('results').innerHTML = '<li data-role="list-divider">Header</li>';
    db.transaction(function(tx) {
      tx.executeSql("SELECT * FROM OrderList", [], function(tx, result) {
         for (var i = 0, item = null; i < result.rows.length; i++) {
            item = result.rows.item(i);
            document.getElementById('results').innerHTML += 
             '<li data-role="fieldcontain" class="ui-field-contain ui-body ui-br ui-li ui-li-static ui-body-c">'
            +'<a href="#"><p style="font-weight:bold;">'+item['catNo']+'</p>'
            +'.......................
            +'</li>';  
          }     
          $('#results').listview('refresh',true);
      });
   });
}