一、介绍

　　此 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. 修改Windows远程桌面端口

    要修改注册表中的两处 PortNumber 1. HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Terminal Server\Wds\rdp ...

  2. React项目的打包

    1.create-react-app 来自Facebook官方的零配置命令行工具.create-react-app是来自于Facebook出品的零配置命令行工具,能够帮你自动创建基于Webpack+E ...

  3. Xcode插件路径、缓存路径、图片压缩工具路径、代码片段路径、symbolicatecrash路径

    Xcode插件路径 ~/Library/Application\ Support/Developer/Shared/Xcode/Plug-ins   Xcode缓存路径 ~/Library/Devel ...

  4. dns dig 查看支持ipv6网站

    1.处理zone文件 A.先格式化区文件数据,去掉不需要的数据,生成新的文件 com.zone.sample cat com.zone |grep -P IN'\t'NS|awk -F '\t' '{ ...

  5. 项目管理系列--好用的代码评审（Code Review）工具

    1. Gerrit Gerrit is a web based code review system, facilitating online code reviews for projects us ...

  6. [转]前端构建工具gulpjs的使用介绍及技巧

    本文转自:http://www.cnblogs.com/2050/p/4198792.html gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非 ...

  7. 互联网轻量级框架SSM-查缺补漏第五天

    简言:这个地方我就草草过了,NBA圣诞大战,偷偷看比赛,真香~ 第五章映射器 5.2select元素 自动映射和驼峰映射:MyBatis提供了自动映射功能,在默认的情况下自动映射功能是开启的. 在se ...

  8. 搭建Jquery+SpringMVC+Spring+Hibernate+MySQL平台

    一. 开发环境 1. 点击此查看并下载需要的 Eclipse IDE for Java EE Developers 开发工具,依赖于java,推荐选用32位   2. 点击此查看并下载需要的 MySQ ...

  9. 【Machine Learning】决策树之ID3算法 （2）

    决策树之ID3算法 Content 1.ID3概念 2.信息熵 3.信息增益 Information Gain 4. ID3 bias 5. Python算法实现(待定) 一.ID3概念 ID3算法最 ...

  10. php 环境搭配 脚本模式（1）

    php介绍目标1:<?phpecho 'hello world'; //配置好了apacheecho '<br/> 现在时间:" .date(’Y-m-d H:i:s‘)“ ...