web sql database 插入数据后为什么看不到

下面就做一个完整的实例大家鈳以把代码复制下来存到一个html页面中,用chorme或火狐等支持html5的浏览器查看效果

Databases的确很诱惑人当你发现可以用與mysql查询一样的查询语句来操作本地数据库时,你会发现这东西挺有趣的今天,我们一起来了解HTML 5的Web SQL Database API

下面将一一将介绍怎样创建打开数据庫,创建表添加数据,更新数据删除数据,删除表

以下是规范中定义的三个核心方法:

  • openDatabase:这个方法使用现有的数据库或者新建的数據库创建一个数据库对象。
  • transaction:这个方法让我们能够控制一个事务以及基于这种情况执行提交或者回滚。

openDatabase方法打开一个已经存在的数据库如果数据库不存在,它还可以创建数据库;openDatabase() 方法对应的五个参数说明:
5)创建回调创建数据库后被调用。

executeSql函数有四个参数其意义分別是:
2)插入到查询中问号所在处的字符串数据。
3)成功时执行的回调函数返回两个参数:tx和执行的结果。
4)一个失败时执行的回调函數返回两个参数:tx和失败的错误信息。

  • ORA-00001: 违反唯一约束条件 (.) 错误说明:当在唯一索引所对应的列上键入重复值时会触发此异常。 O...

  • JDBC基础知識 一、采用JDBC访问数据库的基本步骤: A.载入JDBC驱动程序 B.定义连接URL ...

  • 今天看到一位朋友写的mysql笔记总结觉得写的很详细很用心,这里转载一下供夶家参考下,也希望大家能关注他原文地...

在上一篇前端存储之indexedDB中说到我們项目组要搞一个前后端分离的项目,要求在前端实现存储我们首先找到了indexedDB,而我们研究了一段时间的indexedDB后发现它并不是很适合我们的項目,原因文章后面会讲到所以我们就继续找,于是我们就找到了Web Sql Database发现这个前端数据库是比较适合我们的项目的,于是果断转投Web Sql Database的怀菢找存储工具跟穿鞋一个道理,不在乎多炫酷合适才是王道,要是因为不合适导致磨脚是走不长远的既然找到了合适的鞋,不对匼适的存储数据库,当然接下里就是要摸清楚它的性格脾气啊才能更好地为我们所用,于是便有了这篇文章

Database又名html5本地数据库,是随着HTML5規范加入的在浏览器端运行的轻量级数据库在HTML5中,大大丰富了客户端本地可以存储的内容添加了很多功能来将原本必须保存在服务器仩的数据转为保存在客户端本地,从而大大提高了Web应用程序的性能减轻了服务器端的负担,使Web时代重新回到了“客户端为重服务器为輕”的时代。可以看出它的用途还是很大的,像对于一些经常需要检索的数据可以先将其从后台取出,保存到web sql Database中下次再使用的时候,就不需要再到后台检索了从而减少对服务器的请求次数,还有就是可以通过web sql Database来做一些离线操作因为数据已经保存在web sql Database中了。

sql数据库时就会发现其实它非常有趣,因为你会发现它的存储风格跟我们的mysql之类的数据库很类似你可以像操作mysql之类的数据库一样操作本地的数据庫,很容易上手虽然 W3C 官方在 2011 年 11 月声明已经不再维护 Web SQL Database 规范,但由于其广泛的实现程度了解这些 API 对 Web 开发还是非常有必要的。

机智的小伙伴戓许已经看出来了Web Sql Database虽然也是一种在浏览器里存储数据的技术,跟IndexedDB不同的是WebSQL数据库更像是关系型数据库,而看过我前一篇文章的同学应該清楚IndexedDB更像是一个NoSQL数据库,使用SQL查询数据而我们的项目中,恰好很多地方都要做这种关联查询所以WebSQL 数据库更加适合我们,其实indexedDB也是佷好很强大的!毕竟indexedDB才是现在W3C力荐的啊。

Web SQL Database使用起来真的很简单粗暴因为它的规范中定义的三个核心方法:

1. openDatabase:这个方法使用现有数据库戓创建新数据库创建数据库对象。

2. transaction:访问数据库要借用transaction()方法,这个方法允许我们根据情况控制事务提交或回滚

3. executeSql:这个方法用于执荇真实的SQL查询。此方法是异步的后续的业务逻辑可以在回调函数中处理。

这三个方法是不是一目了然流程基本就是打开数据库,获取倳务然后执行sql,跟我们使用后端那些数据一毛一样啊!

//1.数据库名字 2.数据库版本号 3.显示名字 4.数据库保存数据大小(以字节Byte为单位 10M)5.回调函數(非必须)

就是你写一条建表的sql语句语法跟mysql之类的数据库一致,然后用executeSql方法执行该sql语句解释一下executeSql的四个参数吧,第一个表示的是查詢的字符串第二个表示的是插入到查询中问号所在处的字符串数据,第三个是成功时执行的回调函数返回两个参数:tx和执行的结果,苐四个是失败时执行的回调函数返回两个参数:tx和失败的错误信息。

前面我们说过executeSql执行成功后进入成功的回调函数,而回调函数有一個参数为result而这个result就是查询出来的数据集。其数据类型为 SQLResultSet其中最重要的属性—SQLResultSetRowList 类型的 rows 是数据集的“行”,rows 有两个属性:length、item因此,获取查询结果的某一行某一列的值

跟上面一致将sql换成删除的语句即可,就不多做赘述了。。。

从上面的CRUD操作中可以看出Web SQL Database的操作方式對传统开发人员来说还是很友好的,所以掌握起来比较容易 虽然说Web SQL Database 规范已经废弃,但是学习学习还是很有必要的通过这些 HTML5 Web SQL Database API 接口,相信鉯后会出现一些非常优秀的、建立在这些 API 之上的应用程序

我要回帖

 

随机推荐