当前位置:首页 / 网页制作 / html5教程 / phonegap操作数据库介绍
phonegap操作数据库介绍
芯晴素材特效 分类:html5教程 发布日期:2018-05-11

这次给大家带来phonegap操作数据库详解,phonegap操作数据库的注意事项有哪些,下面就是实战案例,一起来看一下。

实例如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!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>
        <p id='status'></p>
    </body>
   
</html>

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

您可能在找这些

  • 内容标签:

热门素材

jq双重滚动效果

2017-03-19   浏览:337

[酷] 模仿Windows飞行视窗的登陆框

2012-12-31   浏览:8245

表单效果之输入框随鼠标点击换色

2013-01-03   浏览:8126

jq多图图片通栏切换网页下载

2017-03-15   浏览:346

音乐专辑推荐展示JS网页下载

2017-03-12   浏览:217

jQuery可自定义高度图片瀑布流网页下载

2017-03-14   浏览:101

一款漂亮的蓝色风格CSS竖向菜单

2013-01-06   浏览:8009

漂亮的JS滑动门式图片自动切换效果

2013-01-14   浏览:9505

jq二维码生成插件

2017-03-19   浏览:146

jq左右透明遮罩图片切换网页下载

2017-03-15   浏览:186

html5酒店预订日期选择手机日历

2017-03-14   浏览:500

HTML5手机登录注册表单网页下载

2017-03-14   浏览:345