Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (20) – HTML5 Web SQL-Datenbank-H5-Tutorial-php.cn

Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (20) – HTML5 Web SQL-Datenbank

黄舟

Freigeben： 2017-01-22 13:59:37

Original

1332 Leute haben es durchsucht

1. Einführung in die Webdatenbank

Die WebSQL-Datenbank-API ist eigentlich kein Bestandteil der HTML5-Spezifikation, sondern eine separate Spezifikation. Es manipuliert die Datenbank des Clients über eine Reihe von APIs. Safari, Chrome, Firefox, Opera und andere gängige Browser unterstützen bereits die WebSQL-Datenbank

Die WebSQL-Datenbank verfügt über drei Kernmethoden:

1) Öffnen Sie die Datenbankmethode openDatabase():

Diese Methode erstellt ein Datenbankobjekt, indem sie entweder eine vorhandene Datenbank verwendet oder eine neue Datenbank erstellt.

2) Transaktionstransaktion()-Methode:

Diese Methode kann verwendet werden, um die Transaktionsverarbeitung zu steuern, Festschreibungsvorgänge oder Rollback-Vorgänge durchzuführen.

3) SQL-Befehl ausführen Methode „executeSql()“:

Diese Methode wird zum Ausführen von SQL-Abfragen verwendet.

2. Der Webdatenbankbetrieb verwendet

1) Öffnen Sie die Datenbankmethode openDatabase():

Diese Methode erstellt ein Datenbankobjekt. Sie können eine vorhandene Datenbank verwenden oder eine neue Datenbank erstellen.

Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (20) – HTML5 Web SQL-Datenbank

2) Transaktionstransaktion()-Methode:

Diese Methode kann verwendet werden, um die Transaktionsverarbeitung zu steuern, Festschreibungsvorgänge oder Rollback-Vorgänge durchzuführen.

Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (20) – HTML5 Web SQL-Datenbank

3) SQL-Befehl ausführen Methode „executeSql()“:

Diese Methode wird zum Ausführen von SQL-Abfragen verwendet.

Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (20) – HTML5 Web SQL-Datenbank

3. Beispiele

<!DOCTYPE HTML>  
<html>  
    <head>  
        <meta charset="urf-8"/>  
    </head>  
    <body>  
        <script type="text/javascript">  
            //创建数据库  
            var db = window.openDatabase("dawanganban", "1.0","数据库描述",20000);  
            //创建数据表  
            db.transaction(function(tx) {  
                tx.executeSql("CREATE TABLE test (id int UNIQUE, mytitle TEXT, timestamp REAL)");  
            });  
            //插入数据  
            db.transaction(function(tx) {  
                tx.executeSql("INSERT INTO test (id, mytitle, timestamp) values(?, ?, ?)", [1, "WEB Database", new Date().getTime()], null, null);  
            });  
  
            //插入数据  
            db.transaction(function(tx) {  
                tx.executeSql("INSERT INTO test (id, mytitle, timestamp) values(?, ?, ?)", [2, "DaWanGanBan", new Date().getTime()], null, null);  
            });  
  
            //删除数据  
            /*  
            db.transaction(function(tx){  
                tx.executeSql("DELETE FROM test where mytitle=?",["WEB Database"],null,null);  
            });  
            */  
              
            //db.transaction(function(tx) {  
            //  tx.executeSql("DROP TABLE qqs");  
            //})  
  
            //db.transaction(function(tx) {  
            //  tx.executeSql("update test set mytitle=? where mytitle = &#39;fsafdsaf&#39;",[&#39;xp&#39;],null,null);  
            //});  
  
            //查询数据  
            db.transaction(function(tx) {  
                tx.executeSql("SELECT * FROM test", [],    
                function(tx, result) {  
                    for(var i = 0; i < result.rows.length; i++){   
                        document.write(&#39;<b>&#39; + result.rows.item(i)[&#39;mytitle&#39;] + &#39;</b><br />&#39;);   
                    }   
                }, function(){  
                    alert("error");  
                });   
            });   
        </script>  
    </body>  
</html>

Nach dem Login kopieren

Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (20) – HTML5 Web SQL-Datenbank

Das Obige ist Xiaoqiangs HTML5-Entwicklungspfad für Mobilgeräte (20) ——Inhalt der HTML5-Web-SQL-Datenbank. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (m.sbmmt.com)!