從Phonegap的SQLite數據庫提取數據

我在PhoneGap應用程序中使用SQLite數據庫。我能夠填充數據庫，提取數據庫，並使用console.log從Phonegap的SQLite數據庫提取數據

下面是代碼

function extractFromDB(){ 
    var db = window.openDatabase("hospitalsDB", "1.0", "HospitalsDB", false); 
    db.transaction(queryDB, errorCB); 
} 

    function queryDB(tx) { 
    tx.executeSql('SELECT * FROM hospitals', [], querySuccess, errorCB); 
} 

function querySuccess(tx, results) { 
    var len = results.rows.length; 
    console.log("DEMO table: " + len + " rows found."); 
    for (var i=0; i<len; i++){ 
      console.log("Row = " + i + " ID = " + results.rows.item(i).id + " Data = " + results.rows.item(i).data); 
     } 
}

我的問題是打印出來，我該如何打印此數據到HTML頁面？

來源

2013-03-24 Ashish Agarwal

如果我右你的問題way.Assume你在HTML頁面中有一個<div>：

var resultDiv = $('#mydiv'); 
var data = undefined; 
for (var i=0; i<len; i++){ 
    data = "Row = " + i + " ID = " + results.rows.item(i).id + " Data = " + results.rows.item(i).data; 
    resultDiv.append(data + "<br>")

這將所有數據都寫入到一個div在你的HTML頁面。一個簡單的例子smilar給您一個：JSFIDDLE

來源

2013-03-24 00:18:31 alix

function querySuccess(tx, results) { 
    <!-- its good programming to check the length of rows returned by sqlite DB.--> 
    var htmlstring = ""; 
     if (results != null && results.rows != null && results.rows.length > 0) { 
       for (var i = 0;i <results.rows.length;i++) 
        { 
    htmlstring+= '<div class="ui-grid-a">'; 
      htmlstring += '<div class="ui-block-a">'+results.rows.item(i).id+'</div>'; 
      htmlstring+= '</div>'; 

        } 

$("#divholderfordata").empty().append(htmlstring).trigger('create'); 

      } 
    else 
{console.log("no records inserted in DB");} 
}

在那裏你可以在你的HTML代碼中定義的「格」 ID爲「divholderfordata」這個代碼將更好地工作，至於「UI」的關注，因爲它也包括了「 jquery移動「代碼希望它會幫助你。

來源

2013-05-13 15:24:59 nida

從Phonegap的SQLite數據庫提取數據

回答

相關問題