Web Sql Database,中文翻译作“本地数据库”,是随着HTML5规范加入的在浏览器端运行的轻量级数据库。

在HTML5中,大大丰富了客户端本地可以存储的内容,添加了很多功能来将原本必须保存在服务器上的数据转为保存在客户端本地,从而大大提高了Web应用程序的性能,减轻了服务器端的负担,使Web时代重新回到了“客户端为重,服务器为轻”的时代。
在这其中,一项非常重要的功能就是数据库的本地存储功能。在HTML5中内置了一个可以通过SQL语言来访问的数据库。在HTML4中,数据库只能放在服务器端,只能通过服务器来访问数据库,但是在HTML5中,可以就像访问本地文件那样轻松的对内置的数据库进行直接访问。现在,像这种不需要存储在服务器上的,被称为“SQLite”的文件型SQL数据库已经得到了很广泛的利用,所以HTML5中也采用了这种数据库来作为本地数据库。
Html5数据库它包含三个核心方法:
1.openDatabase:这个方法使用现有数据库或新建数据库来创建数据库对象2.transaction:这个方法允许我们根据情况控制事务提交或回滚3.executeSql:这个方法用于执行SQL 的操作

    executeSql函数有四个参数,其意义分别是:
      1)表示查询的字符串,使用的SQL语言是SQLite 3.6.19。
      2)插入到查询中问号所在处的字符串数据。
      3)成功时执行的回调函数。返回两个参数:fx和执行的结果。
      4)一个失败时执行的回调函数。返回两个参数:fx和失败的错误信 息

1、打开数据库或者创建数据库

//创建数据库 -有该数据库就打开,没有则是新建var database=openDatabase('emp','1.0','员工资料管理',1024*1024,function(){});if(!database){//通过databse 判断是否创建或则打开成功alert('创建/打开失败')}else{alert('创建/打开成功')}openDatabasek中五个参数分别为:数据库名、版本号、描述、数据库大小、创建回调。创建回调没有也可以创建数据库。

2、创建表

function creater_sql(){// - 创建表database.transaction(function(fx){fx.executeSql("create table if not exists stu(s_name TEXT,s_score INT,s_golds INT)",[],function(fx,result){alert('创建成功')},//返回状态 --成功function(fx,error){alert('创建失败')}//返回状态 --失败
            )});    }

3、插入数据

function insert(){// - 插入数据database.transaction(function(fx){fx.executeSql("insert into stu(s_name,s_score,s_golds) values(?,?,?)",[name,sec1,s_gold],//            ['李四',1000,1],function(){alert('执行成功')},//返回状态 --成功function(fx,e){alert('失败');alert(e)})//返回状态 --失败
        });}

4、查询数据

    function select(){//查询数据database.transaction(function(fx){fx.executeSql("select * from stu",[],function(fx,result){alert('查询成功');for(var i=0;i< result.rows.length;i++){alert(result.rows.item(i).s_name);}},function(fx,e){alert('查询失败');})});}

result是查询到的结果集,其中最重要的属性—SQLResultSetRowList 类 型的 rows 是数据集的“行” 。
rows 有两个属性:length、item 。
length代表总条数,用item(num),可访问 到具体的行

 

5、删除

    //删除数据表  dataBase.transaction(function (fx) {            fx.executeSql('drop  table  stu');        });//删除数据库  dataBase.transaction(function (fx) {            fx.executeSql('drop  database stu');        });

转载于:https://www.cnblogs.com/bruce-gou/p/5228242.html

HTML5 Web SQL相关推荐

  1. HTML5 Web SQL数据库

    HTML5 Web SQL 数据库 Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs. 如果你是一个 We ...

  2. html日期写入数据库,javascript – 在HTML5 Web SQL数据库中对日期时间进行排序

    我无法找到解决问题的方法. 我有一个HTML5 Web SQL数据库,其表格如下: db.transaction(function(tx) { tx.executeSql("CREATE T ...

  3. html5 多页面共享数据库,可以跨页面使用HTML5 Web SQL数据库吗?(Can HTML5 Web SQL databases be used across pages?)...

    可以跨页面使用HTML5 Web SQL数据库吗?(Can HTML5 Web SQL databases be used across pages?) 这可能是一个非常简单的问题,请原谅我的无知,但 ...

  4. HTML5 Web SQL 数据库 讲解及使用

    为什么页面刷新后表就没了?openDatabase是什么?openDatabase是浏览器提供的吗? Web SQL 是在浏览器上模拟数据库,可以使用 JS 来操作 SQL 完成对数据的读写. Web ...

  5. HTML5 离线存储之Web SQL

    HTML5 在离线存储之Web SQL 本篇没有考虑异步,多线程及SQL注入 WebDatabase 规范中说这份规范不再维护了,原因是同质化(几乎实现者都选择了Sqlite), 且不说这些,单看在H ...

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

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

  7. 关于HTML5本地持久化存储的Web SQL、Local Storage、Cookies技术

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

  8. HTML5 API详解(17):Web SQL DataBase本地数据库

    Web SQL Database是一个已经废弃的规范,但是鉴于除了IE和Firefox,其他浏览器都已经实现了Web SQL Database,并且它还具有一些HTML5 Storage所不具有的特性 ...

  9. HTML5 学习笔记(三)——本地存储(LocalStorage、SessionStorage、Web SQL Database)

    一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会 ...

最新文章

  1. UCenter创始人密码正确但是登录不了
  2. C# socket编程第二篇
  3. 3种常见的Web前端数组排序方式!
  4. 服务器磁盘系统,服务器磁盘阵列与操作系统
  5. span的取值与赋值(原生js与jquery) - 对比篇
  6. 深入浅出计算机组成原理03:处理器
  7. 1075. 链表元素分类(25)-PAT乙级真题
  8. SpringBoot整合Kotlin构建Web服务
  9. linux 9 -- 交互式使用Bash Shell
  10. 在Ubuntu系统中给应用创建快捷方式
  11. 超详细的ENSP安装教程附下载地址
  12. 深圳名校最新出炉 学校学区房房价飙升-查查吧深圳学区房地图
  13. excel两个表格数据对比_excel如何1秒钟合并两个不同表格数据?收下这个方法吧...
  14. 判断邮箱格式是否正确(C#实现正则表达式实现)
  15. 4.2 Branching Strategies
  16. RIFT Multi-Modal Image Matching Based on Radiation-Variation Insensitive Feature Transform
  17. 证件照蓝底变白底的方法
  18. 新疆大盘鸡的标准做法
  19. 演讲实录|OpenMLDB 与阿里云 MaxCompute 生态集成
  20. <计算机视觉 六> 深度学习目标检测模型的评估标准

热门文章

  1. Android ART GC之GrowForUtilization的分析
  2. 如何构建Android MVVM 应用框架
  3. jTable保存到mysql_怎么把从数据库里的数据输到JTABLE里面
  4. matlab优化工具箱
  5. BZOJ-1880-Elaxia的路线-SDOI2009-SPFA+拓扑排序
  6. JZOJ__Day 2:【普及模拟】串
  7. 电大法学本科计算机考试题,电大法学本科计算机形成性考核作业
  8. linux openfire mysql_Openfire 服务器在Linux上的安装
  9. ios微信支付失败 php,iOS 微信支付疑难杂症。
  10. SonarQube 代码扫描任务集成