Detailliertes Tutorial zum Betrieb der Datenbank über Phonegap-H5-Tutorial-php.cn

Detailliertes Tutorial zum Betrieb der Datenbank über Phonegap

Y2J

Freigeben： 2017-05-22 13:39:54

Original

1971 Leute haben es durchsucht

Der folgende Editor stellt Ihnen eine Implementierungsmethode für die Verwendung von Phonegap zum Betreiben der Datenbank vor. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Herausgeber, um einen Blick darauf zu werfen

Die Beispiele lauten wie folgt:

<!DOCTYPE html> 
<html> 
  
    <head> 
        <meta charset="UTF-8"> 
        <title>Database Example</title> 
  
        <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> 
        <script type="text/javascript" charset="UTF-8"> 
            document.addEventListener("deviceready", onDeviceReady, false); 
  
            function onDeviceReady() { 
                var db=window.openDatabase("Test","1.0","Test",200000); 
                db.transaction(populateDB,errorDB,successDB); 
            } 
              
            //初始化数据库数据 
            function populateDB(tx){ 
                tx.executeSql(&#39;DROP TABLE IF EXISTS test1&#39;); 
                tx.executeSql(&#39;CREATE TABLE IF NOT EXISTS test1 (id unique,name)&#39;); 
                tx.executeSql(&#39;INSERT INTO test1(id,name) VALUES(1,"Tony")&#39;); 
                tx.executeSql(&#39;INSERT INTO test1(id,name) VALUES(2,"Bill")&#39;); 
                tx.executeSql(&#39;INSERT INTO test1(id,name) VALUES(3,"Tony")&#39;); 
            } 
              
            //查询方法 
            function queryDB(tx){ 
                tx.executeSql(&#39;SELECT * FROM test1&#39;,[],querySuccess,errorDB); 
            } 
              
            //查询成功回调 
            function querySuccess(tx,results){ 
                var len=results.rows.length; 
                var status=document.getElementById("status"); 
                var string ="Rows:"+len+"<br />"; 
                for(var i=0;i<len;i++){ 
                    string+=results.rows.item(i).name+"<br />"; 
                } 
                status.innerHTML=string; 
            } 
              
            //执行初始化数据成功后的回调 
            function successDB(){ 
                var db=window.openDatabase("Test","1.0","Test",200000); 
                db.transaction(queryDB,errorDB); 
            } 
              
            //失败回调 
            function errorDB(err){ 
                alert(&#39;Error processing SQL:&#39;+err.code); 
            } 
              
        </script> 
    </head> 
  
    <body> 
        <h1>Names</h1> 
        <p id=&#39;status&#39;></p> 
    </body> 
  
</html>

Nach dem Login kopieren

[Verwandte Empfehlungen]

1. Kostenloses Javascript-Video-Tutorial

Warum HTML5 jetzt immer mehr Vorteile gewinnt

li inside- Block in IE11 Gründe, warum Zeilenumbrüche ungültig sind

So fügen Sie Google-Positionierungsinformationen auf der Website hinzu

5 in Formularen in HTML5

Das obige ist der detaillierte Inhalt vonDetailliertes Tutorial zum Betrieb der Datenbank über Phonegap. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!