1

PhoneGap アプリケーションで SQLite データベースを使用しています。データベースにデータを入力し、データベースを抽出し、次を使用して印刷することもできますconsole.log

ここにコードがあります

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 ページに印刷するにはどうすればよいですか?

4

2 に答える 2

3

あなたの質問が正しい方法で得られた場合<div>.あなたのhtmlページにあると仮定します:

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>")

これにより、すべてのデータが html ページの div に書き込まれます。あなたのものに似た簡単な例：JSFIDDLE

于 2013-03-24T00:18:31.380 に答える
2 
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」で「div」を定義できる場合、「jquery-mobile」コードも含まれているため、「UI」に関する限り、このコードはより適切に機能します。

于 2013-05-13T15:24:59.903 に答える