HTML5 Web 数据库的使用

longgangbai

浏览: 7332186 次
性别:
来自: 上海

最近访客更多访客>>

sdcharles

paladin1988

ljq867

yuxiangtong

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

针对HTML5 Web数据库的封装如下：

备注来自网络：

//自定义的数据库操作类   
var Cls_websql = function(db_name,config){   
       
        //初始化变量   
        var cf= config?config:{},   
        cfg = {   
            version: cf.version?cf.version:'1.0',desc: cf.desc?cf.desc:'数据库'+db_name,size: cf.size?cf.size:10*1024   
        },   
    
        log= function(msg, cat, src){   
            if (window['console'] !== undefined && console.log) {   
                console[cat && console[cat] ? cat : 'log'](msg);   
            }   
        },   
    
           
       //还不成熟，sql中不能包含"?",例"select user where title like 'tb?'"   
        formatSql= function(sql,data){   
            var count=0;   
            return sql.replace(/(\?)/g, function(a,b){   
                return data[count++];   
            });   
        },   
    
           
       //初始化数据库   
        db= function(){   
            if(window['openDatabase'] !== undefined){   
                log("数据库连接成功");   
                return openDatabase(db_name, cfg.version , cfg.desc , cfg.size);   
            }else{   
                log("数据库连接失败");   
                return null;   
            }   
        }();   
    
     this.db= db;   
       
   //执行sql操作   
    this.execSql= function(sql,data,success,failure){   
        if(!db){   
            log("请先初始化数据库和表。");   
            return;   
        }   
        if(!data){   
            data= [];   
        }   
        if (success === undefined){   
            success = function(tx, results){   
                log("操作成功:"+formatSql(sql,data));   
            }   
        }   
        var errfun= toString.call(failure) === '[object Function]'?   
                    function(tx, err){   
                        failure.call(this,tx,err,formatSql(sql,data));   
                    } :   
                    function(tx, err){   
                        log("操作失败! msg:"+err.message+" sql:"+formatSql(sql,data));   
                    };   
        //真正执行sql的地方
        db.transaction(function(tx){   
            try{   
                tx.executeSql(sql,data,success,errfun)   
            }catch(e){   
                log("数据库执行失败:"+e.message);   
            }   
        });   
    };   
    
};

使用如下：

<!DOCTYPE html>
<html>
<head>
<title>测试 WebSQL Database</title>
<meta charset="utf-8" />
</head>
<body onload="init()">
<h1>Web SQL Database</h1>
<div id="info"></div>
<div id="result"></div>
<button onclick="javascript:query();" value="查询"></button>
</body>
<script src="../js/WebSQLDatabase.js"></script>
<script>
    function init() {
        var websql = new Cls_websql("stationList", {});
        websql.execSql('CREATE TABLE IF NOT EXISTS SETS (key unique, value)');
    }
    function query() {
        var websql = new Cls_websql("stationList", {});
        websql.execSql("select * from sets ", [], function() {
            alert('success');
        }, function() {
            alert('failure');
        })
    }
</script>
</html>

分享到：

Phonegap中自定义插件的使用 | 关于JQueryMobile中Slider的一点研究

2012-05-06 16:17
浏览 2054
评论(0)
分类:移动开发
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

HTML5 Web 数据库的使用

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

HTML5 Web 数据库的使用

评论

发表评论

相关推荐

[转]年度最实用50款免费Android应用推荐

GIS的学习（四十五）【转】Integration of the MBTiles format on Android

GIS的学习（四十四）osmdroid sdcard检查

GIS的学习（四十三）osmdroid基于几个经典代理类

Android中PopupWindow的用法(位置、动画、焦点)

【转】Android根据分辨率进行单位转换-(dp,sp转像素px)

GIS的学习（二十九）Osmdroid 离线地图存放位置的研究和详细分析

GIS的学习（二十八）Osmdroid相关的开源项目

GIS的学习（二十七）通过geoserver的georss访问第三方地图

android中使用 定时更新界面定时器Timer的使用

【转】Android应用程序的自动更新升级（自身升级、通过tomcat） .

GIS的学习（二十七）OGC 的WCS WFS 及WMS 服务

GIS的学习（二十六）geotools 使用 部分代码总结

GIS的学习（二十五）geoserver wms中的各种操作API详细讲解和使用

GIS的学习（二十四）android异步调用geoserver wms中的地图

GIS的学习（二十三）geoserver中CQL和ECQL的使用

GIS的学习（二十二）osmdroid中添加縮放控件

GIS的学习（二十一）在osmdroid 地图中添加marker 并添加事件

GIS的学习（二十）基于Geoserver的WFS服务与Openlayers实现地理查询

GIS的学习（十九）Geoserver使用添加，删除，查询地图中的POI

最近访客更多访客>>

android中使用定时更新界面定时器Timer的使用

GIS的学习（二十六）geotools 使用部分代码总结