首页前端开发HTML通过phonegap操作数据库的的教程详解

通过phonegap操作数据库的的教程详解

时间2024-01-22 18:27:22发布访客分类HTML浏览257
导读:收集整理的这篇文章主要介绍了通过phonegap操作数据库的的教程详解,觉得挺不错的,现在分享给大家,也给大家做个参考。下面小编就为大家带来一篇使用phonegap操作数据库的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。...
收集整理的这篇文章主要介绍了通过phonegap操作数据库的的教程详解,觉得挺不错的,现在分享给大家,也给大家做个参考。下面小编就为大家带来一篇使用phonegap操作数据库的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

实例如下:

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

【相关推荐】

1. Javacript免费视频教程

2. 为什么现在HTML5的优势越来越大

3. li inside-block在IE11换行无效的原因

4. 如何在网站上添加谷歌定位信息

5. 对HTML5中表单新增属性的分析

以上就是通过phonegap操作数据库的的教程详解的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

phonegap操作

若转载请注明出处: 通过phonegap操作数据库的的教程详解
本文地址: https://pptw.com/jishu/583225.html
深入剖析webstorage--html5的本地数据处理 详解HTML5通讯录获取指定多个人的信息

游客 回复需填写必要信息