h5本地数据库的示例分析
这篇文章主要为大家展示了“h5本地数据库的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“h5本地数据库的示例分析”这篇文章吧。
成都创新互联公司,为您提供网站建设、成都网站制作、网站营销推广、网站开发设计,对服务成都假山制作等多个行业拥有丰富的网站建设及推广经验。成都创新互联公司网站建设公司成立于2013年,提供专业网站制作报价服务,我们深知市场的竞争激烈,认真对待每位客户,为客户提供赏心悦目的作品。 与客户共同发展进步,是我们永远的责任!
HTML5中,为了减轻服务器的负担和提高Web应用程序性能,将原本必须要保存在服务器上的数据转为保存在客户端本地。可以像访问本地文件那样轻松地对内置数据库进行直接访问。HTML5中内置了两种本地数据库,一种为SQLLite,一种为indexedDB。这次简单的简单的介绍下SQLLite。
在写这篇文章时,查询了下 Web SQL Database(SQLLite),很不幸看到了这个
官网截图
大概意思是 :此规范不再处于主动维护中,Web应用程序工作组不打算继续维护。
SQLLite核心的方法有3个
openDatabase:这个方法用于创建数据库对象并返回实例
transaction:这个方法用于控制事务提交或回滚
executeSql:这个方法用于执行SQL 查询(SQLLite 可以用sql来来执行增删改查)
openDatabase
例如,想要创建数据库
//参数意义依次为 数据库名字,版本,数据库描述,数据库大小 var db = openDatabase("myData", "1.0", "MyDataBase", 1024 * 100);
这样就可以创建一个本地的Web SQL Database ,返回值 “db” 为这个数据库的实例。
transaction&executeSql
transaction方法用以处理事务,当一条语句执行失败的时候,回滚整个事物。
executeSql方法用以执行SQL语句,返回结果。
请看代码
//打开一个事物,传入一个包含事务内容的一个方法 //在事物中使用executeSql执行sql创建一张表 db.transaction(function(tx) { tx.executeSql("CREATE TABLE IF NOT EXISTS message(name TEXT,content TEXT,time TET)", [], function() { //执行成功回调函数(该参数可选传与不传) }, function(error) { //执行失败回调函数(该参数可选传与不传) }), //在表中插入一条数据 tx.executeSql("INSERT INTO message VALUES(?,?,?)", ["zhong", "web sql database", ''2017 ']); })
执行以上代码在chrome控制台中查看
执行结果
成功插入一条数据!!!
我们再来查询一下这条数据
db.transaction(function(tx) { tx.executeSql("SELECT * FROM message", [], function(tx, rs) { //执行成功回调函数,返回执行结果 rs ,我们将 rs 循环 for (var i = 0; i < rs.rows.length; i++) { //打印出查询的结果 console.log(rs.rows.item(i)) } }, function(eror) {}) })
在chrome控制台中查看
以上是“h5本地数据库的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
网站名称:h5本地数据库的示例分析
文章来源:http://scyanting.com/article/gcgssi.html