Le chemin de Xiaoqiang vers le développement mobile HTML5 (20) - HTML5 Web SQL Database-Tutoriel H5-php.cn

Le chemin de Xiaoqiang vers le développement mobile HTML5 (20) - HTML5 Web SQL Database

黄舟

Libérer： 2017-01-22 13:59:37

original

1336 Les gens l'ont consulté

1. Introduction à la base de données Web

L'API de base de données WebSQL n'est en fait pas un composant de la spécification HTML5, mais une spécification distincte. Il manipule la base de données du client via un ensemble d'API. Safari, Chrome, Firefox, Opera et d'autres navigateurs grand public prennent déjà en charge la base de données WebSQL

La base de données WebSQL comporte trois méthodes principales :

1) Ouvrez la base de données, méthode openDatabase() :

Cette méthode crée un objet de base de données, soit en utilisant une base de données existante, soit en créant une nouvelle base de données.

2) Méthode Transaction transaction() :

Cette méthode peut être utilisée pour contrôler le traitement des transactions, effectuer des opérations de validation ou des opérations de restauration.

3) Méthode Exécuter la commande SQL executeSql() :

Cette méthode est utilisée pour exécuter des requêtes SQL.

2. Le fonctionnement de la base de données Web utilise

1) Ouvrez la méthode openDatabase() de la base de données :

Cette méthode crée un objet de base de données. Vous pouvez utiliser une base de données existante ou créer une nouvelle base de données.

Le chemin de Xiaoqiang vers le développement mobile HTML5 (20) - HTML5 Web SQL Database

2) Méthode Transaction transaction() :

Cette méthode peut être utilisée pour contrôler le traitement des transactions, effectuer des opérations de validation ou des opérations de restauration.

Le chemin de Xiaoqiang vers le développement mobile HTML5 (20) - HTML5 Web SQL Database

3) Méthode d'exécution de la commande SQL executeSql() :

Cette méthode est utilisée pour exécuter des requêtes SQL.

Le chemin de Xiaoqiang vers le développement mobile HTML5 (20) - HTML5 Web SQL Database

3. Exemples

<!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>

Copier après la connexion

Le chemin de Xiaoqiang vers le développement mobile HTML5 (20) - HTML5 Web SQL Database

Ce qui précède est le chemin de développement mobile HTML5 de Xiaoqiang (20 ) ——Contenu de la base de données HTML5 Web SQL, veuillez faire attention au site Web PHP chinois (www.php.cn) pour plus de contenu connexe !