当前位置： 移动技术网 > IT编程>网页制作>Html5 > 使用phonegap操作数据库的实现方法

使用phonegap操作数据库的实现方法

2019年07月25日  | 移动技术网IT编程  | 我要评论

静虚村记,鬼教堂,揪痧日志

实例如下：

<!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('drop table if exists test1'); 
                tx.executesql('create table if not exists test1 (id unique,name)'); 
                tx.executesql('insert into test1(id,name) values(1,"tony")'); 
                tx.executesql('insert into test1(id,name) values(2,"bill")'); 
                tx.executesql('insert into test1(id,name) values(3,"tony")'); 
            } 
              
            //查询方法 
            function querydb(tx){ 
                tx.executesql('select * from test1',[],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('error processing sql:'+err.code); 
            } 
              
        </script> 
    </head> 
  
    <body> 
        <h1>names</h1> 
        <div id='status'></div> 
    </body> 
  
</html>

以上这篇使用phonegap操作数据库的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网