PhoneGap-Android-sqlite с использованием JavaScript. Как подключиться?

Question

Я новичок в Android-PhoneGap Dev. Я создаю проект с использованием Eclipse в Windows XP. Я использую базу данных sqlite. Я видел пример кода в документах . Но я не могу выполнить этот пример. Я не получаю требуемых результатов.

Предположим, я хочу получить все записи в таблице демо в табличном формате HTML. Какой код будет в index.html? Для этого, какова процедура и какова пошаговая процедура для этого? Или еще какие-нибудь лучшие уроки, которые помогут мне сделать это?

Заранее спасибо

Днаян.

Answer 1

 **html**

  <input id="show" type="button" value="Show">

 **js**

 function globalError(tx, error)
   {
     alert("Error: " + error.message);
   }

 var db = window.openDatabase('TabOrder', '', 'Bar Tab Orders', 2500000);
 db.transaction(function(tx) {
 tx.executeSql('DROP TABLE IF EXISTS SubmiteData;', null, null, globalError);
 tx.executeSql('CREATE TABLE IF NOT EXISTS SubmiteData (SubmiteDataId integer 
 primary  key, UserId text, AuthNo number, LocId number,ProdId number, 
 CardId number, OrgLat text, OrgLng text, OrgTime text)', 
          null, 
          function()
          {
            SubmiteData("USER1",12345678,23434, 21212, 220232,
            "9", "45", "23/06/2014");

          },
          globalError);
     });

    function SubmiteData(UserId, AuthNo, LocId,ProdId, CardId, OrgLat, OrgLng, OrgTime){
    db.transaction(function(tx){
    tx.executeSql('INSERT INTO SubmiteData(UserId, AuthNo, LocId, ProdId, CardId, 
    OrgLat, OrgLng, OrgTime) VALUES (?,?,?,?,?,?,?,?)', [UserId, AuthNo, LocId,
    ProdId, CardId, OrgLat, OrgLng, OrgTime], 
            null,
            globalError
           );
     });
  }


   function read(UserId, AuthNo, LocId,ProdId, CardId, OrgLat, OrgLng, OrgTime){

   db.transaction(function(tx) {
   tx.executeSql('SELECT * FROM SubmiteData',
         [],
         function(tx, results)
         { 
           for (var i=0; i<results.rows.length; i++) 
           {   
               var row=results.rows.item(i);
              // alert("Id: " + row['UserId']);
              var stringout = "LocId: " + row['LocId'] + "\n"; 
               alert(stringout); 
           } 
         },                
         globalError
        );
    });
   };

  $(function()
    {
     $('#show').click(read);
  });

Answer 2

Следует иметь в виду, что если вы тестируете приложение не на устройстве или в эмуляторе, а в браузере, таком как Chrome или Safari,

document.addEventListener("deviceready", onDeviceReady, false);

не будет работать. Что я сделал, так это закомментировал эту строку и просто позвонил

onDeviceReady(); 

Когда я тестирую в эмуляторе, я раскомментирую строку «документ…» и комментирую

onDeviceReady();

Answer 3

в main.js вы добавляете это

rowsDataHandler = function(transaction, results) {
    // Handle the results
    var html = "<ul>";
    for (var i=0; i<results.rows.length; i++) {
        var row = results.rows.item(i);
        html += '<li>'+row['data']+'</li>\n';
    }
    html +='</ul>';
    document.getElementById("mydata").innerHTML = html;
}
// load the currently selected icons

loadRows = function(db) {
    try {
        db.executeSql('SELECT * FROM DEMO',[], rowsDataHandler, errorCB);
    } catch(e) {alert(e.message);}
}   

в index.html вы добавляете эту строку в тело

<div id="mydata"></div>

Answer 4

это метод подключения к БД с использованием javascript

db = openDatabase("bprueba","1.0","Prueba_db",5*1023*1024);

Ссылка обратного вызова ошибки оператора SQL