一、介绍

　　此 API 基于 W3C WEB SQL Database Specification 和 W3C Web Storage API Specification。

　　有些 设备已经提供了对该规范的实现，对于这些设备采用内置实现而非使用 PhoneGap 的实现。

　　对于没有存储支持的设 备，PhoneGap 的实现应该是完全兼容 W3C 规范。

二、openDatabase方法

　　window.openDatabase(name, version, display_name, size)

　　该方法将创建一个新的 SQL Lite 数据库，并返回该 Database 对象。可使用该 Database 对象 操作数据。

　　name ：数据库的名称。

　　version：数据库的版本号。

　　display_name：数据库的显示名。

　　size：以字节为单位的数据库大小。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>jQuery  Mobile  Web 应用程序</title>

<link href="../jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>

<script src="../jquery.js" type="text/javascript"></script>

<script src="../jquery.mobile-1.3.2.js" type="text/javascript"></script>

<script src="../cordova.js" type="text/javascript"></script>

<script type="text/javascript">

    //1.如果数据库存在 则打开  不存在的则创建 然后在打开

    var db = window.openDatabase("phonegap100", "1.0","phonegap中文网",1024*1024*20);

    if(db){

        console.log('数据库连接成功');

    }else{

        console.log('数据库连接失败');

    }

    //2.执行transaction操作数据库

    db.transaction(function(tx){

        tx.executeSql("CREATE TABLE test (id int UNIQUE, name TEXT, age int)");    //创建表

    })

    //插入数据

    db.transaction(function(tx){

        //四个参数  第一个 sql语句  第二个 sql参数  第三个 成功的回调函数 第四个 失败的回调函数

        //tx.executeSql("insert into test(id,name,age) values(1,'张三',20)");

        //tx.executeSql("insert into test(id,name,age) values(2,'李四',25)");

        //tx.executeSql("insert into test(id,name,age) values(?,?,?)",[3,'赵四',15],null,null);

        tx.executeSql("insert into test(id,name,age) values(3,'赵五',25)",[],function(tx,rel){

            if(rel.rowsAffected>0){

                //新增成功

                console.log('成功的增加一条数据');

                console.log('这条数据的id'+rel.insertId);

            }

        },function(){

            alert('失败');

        });

    });

    //更新数据

    db.transaction(function(tx){

        //tx.executeSql

        //四个参数  第一个 sql语句  第二个 sql参数  第三个 成功的回调函数 第四个 失败的回调函数

        //tx.executeSql("insert into test(id,name,age) values(1,'张三',20)");

        //tx.executeSql("insert into test(id,name,age) values(2,'李四',25)");

        //tx.executeSql("update test set name=?,age=? where id=1",['张三1',50],null,null);

        //tx.executeSql("update test set name='张三22',age=60 where id=1");

    })

    //删除数据

    db.transaction(function(tx){

        //tx.executeSql

        //四个参数  第一个 sql语句  第二个 sql参数  第三个 成功的回调函数 第四个 失败的回调函数

        //tx.executeSql("update test set name=?,age=? where id=1",['张三1',50],null,null);

        //tx.executeSql("delete from test where id=1");

    })

    //查询数据

    db.transaction(function(tx){

        //tx.executeSql

        //四个参数  第一个 sql语句  第二个 sql参数  第三个 成功的回调函数 第四个 失败的回调函数

        tx.executeSql("select * from test",[],function(tx,rel){

            for(var i=0;i<rel.rows.length;i++){

                document.write('姓名:'+rel.rows.item(i)['name']+'，年龄:'+rel.rows.item(i)['age']+'<br>');

            }

        },function(){

            alert('失败');

        });

    })

</script>

</head>

<body>

</body>

</html>

PhoneGap 的存储 API_Web Sql的更多相关文章

  1. html5 webDatabase 存储中sql语句执行可嵌套使用

    html5 webDatabase 存储中sql语句执行可嵌套使用,代码如下: *); data.transaction(function(tx){ tx.executeSql("creat ...

  2. Spring Boot干货系列：（八）数据存储篇-SQL关系型数据库之JdbcTemplate的使用

    Spring Boot干货系列:(八)数据存储篇-SQL关系型数据库之JdbcTemplate的使用 原创 2017-04-13 嘟嘟MD 嘟爷java超神学堂 前言 前面几章介绍了一些基础,但都是静 ...

  3. python爬取豌豆荚中的详细信息并存储到SQL Server中

    买了本书<精通Python网络爬虫>,看完了第6章,我感觉我好像可以干点什么:学的不多,其中的笔记我放到了GitHub上:https://github.com/NSGUF/PythonLe ...

  4. HTML5本地存储——Web SQL Database

    在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage,这两个是以键值对存储的解决方案,存储少量数据结构很有用,但是对于大量结构化数据就 ...

  5. Web持久化存储Web SQL、Local Storage、Cookies（常用）

    在浏览器客户端记录一些信息,有三种常用的Web数据持久化存储的方式,分别是Web SQL.Local Storage.Cookies. Web SQL 作为html5本地数据库,可通过一套API来操纵 ...

  6. [转]HTML5本地存储——Web SQL Database

    在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage,这两个是以键值对存储的解决方案,存储少量数据结构很有用,但是对于大量结构化数据就 ...

  7. HTML5开发学习:本地存储Web Sql Database

       Web Sql Database,中文翻译作"本地数据库",是随着HTML5规范加入的在浏览器端运行的轻量级数据库.    在HTML5中,大大丰富了客户端本地可以存储的内容 ...

  8. PhoneGap 的存储 API_localStorage 和 sessionStorage

    一.介绍 1.为了替代Cookile这门古老的客户端存储技术,Html5的WEB Storage Api 提供了俩中在 客户端存储数据库的方法:localStorage 和 sessionStorag ...

  9. HTML5本地存储——Web SQL Database与indexedDB

    虽然在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage,这两个是以键值对存储的解决方案,存储少量数据结构很有用,但是对于大量结构化数 ...

随机推荐

  1. VMWARE 12安装Tools

    准备条件 1.yum install perl 2.yum install gcc 接着就是挂载安装 新建cdrom挂载目录mkdir /mnt/cdrom挂载光驱mount -t auto /dev ...

  2. 面向对象 OOP中的抽象类，接口以及多态

    [抽象类与抽象方法] 1.什么是抽象方法? 没有方法体{}的方法,必须使用abstract关键字修饰,这样的方法,我们称之为抽象方法. abstract function say() 2.什么是抽象类 ...

  3. Python之异常设计（一）

    一 定义 异常分为两类:一类是自动触发异常如除零错误:另一类是通过raise触发. 二 为什么要使用异常 当程序运行时,如果检测到程序错误,Python就会引发异常,我们可以在程序中使用try语句捕获 ...

  4. Android xmlns 的作用及其自定义

    转自:http://blog.csdn.net/chuchu521/article/details/8052855 xmlns:Android="http://schemas.android ...

  5. csharp:Learn how to post JSON string to generic Handler using jQuery in ASP.Net C#.

    /// <summary> ///參考: http://james.newtonking.com/json/help/index.html# /// 塗聚文(Geovin Du) 2014 ...

  6. Python入门-生成器和生成器表达式

    昨天我们说了迭代器,那么和今天说的生成器是什么关系呢? 一.生成器 什么是生成器?说白了生成器的本质就是迭代器. 在Python中中有三种方式来获取生成器. 1.通过生成器函数 2.通过各种推导式来实 ...

  7. URL传递中文:Server.UrlEncode与Server.UrlDecode

    1.设置web.config文件. <system.web>  ......  <globalization requestEncoding="gb2312" r ...

  8. Perl学习笔记(1)----入门

    在UNIX/Linux 系统上,打开命令终端,输入 'rpm -q perl' 查看系统是否安装了 perl ---- 在自己的CentOS7 系统上,默认自带了 perl 软件: root@javi ...

  9. Apache服务器运维笔记(3)----容器部分

    1.<IfModule>容器 <IfModule>容器作用于模块,它会首先判断模块是否载入,然后再决定是否进行处理,也就是说只有当判断结果为真时才会执行容器内的指令,相反如果为 ...

  10. Thrift-RPC client in Flume

    Get RpcClient from RpcClientFactory with Reflection programming Message or Event definition in Flum ...