HTML5 Web SQL
Web Sql Database,中文翻译作“本地数据库”,是随着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相关推荐
- HTML5 Web SQL数据库
HTML5 Web SQL 数据库 Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs. 如果你是一个 We ...
- html日期写入数据库,javascript – 在HTML5 Web SQL数据库中对日期时间进行排序
我无法找到解决问题的方法. 我有一个HTML5 Web SQL数据库,其表格如下: db.transaction(function(tx) { tx.executeSql("CREATE T ...
- 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?) 这可能是一个非常简单的问题,请原谅我的无知,但 ...
- HTML5 Web SQL 数据库 讲解及使用
为什么页面刷新后表就没了?openDatabase是什么?openDatabase是浏览器提供的吗? Web SQL 是在浏览器上模拟数据库,可以使用 JS 来操作 SQL 完成对数据的读写. Web ...
- HTML5 离线存储之Web SQL
HTML5 在离线存储之Web SQL 本篇没有考虑异步,多线程及SQL注入 WebDatabase 规范中说这份规范不再维护了,原因是同质化(几乎实现者都选择了Sqlite), 且不说这些,单看在H ...
- HTML5本地存储——Web SQL Database
在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage,这两个是以键值对存储的解决方案,存储少量数据结构很有用,但是对于大量结构化数据就 ...
- 关于HTML5本地持久化存储的Web SQL、Local Storage、Cookies技术
在浏览器客户端记录一些信息,有三种常用的Web数据持久化存储的方式,分别是Web SQL.Local Storage.Cookies. Web SQL 作为html5本地数据库,可通过一套API来操纵 ...
- HTML5 API详解(17):Web SQL DataBase本地数据库
Web SQL Database是一个已经废弃的规范,但是鉴于除了IE和Firefox,其他浏览器都已经实现了Web SQL Database,并且它还具有一些HTML5 Storage所不具有的特性 ...
- HTML5 学习笔记(三)——本地存储(LocalStorage、SessionStorage、Web SQL Database)
一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会 ...
最新文章
- UCenter创始人密码正确但是登录不了
- C# socket编程第二篇
- 3种常见的Web前端数组排序方式!
- 服务器磁盘系统,服务器磁盘阵列与操作系统
- span的取值与赋值(原生js与jquery) - 对比篇
- 深入浅出计算机组成原理03:处理器
- 1075. 链表元素分类(25)-PAT乙级真题
- SpringBoot整合Kotlin构建Web服务
- linux 9 -- 交互式使用Bash Shell
- 在Ubuntu系统中给应用创建快捷方式
- 超详细的ENSP安装教程附下载地址
- 深圳名校最新出炉 学校学区房房价飙升-查查吧深圳学区房地图
- excel两个表格数据对比_excel如何1秒钟合并两个不同表格数据?收下这个方法吧...
- 判断邮箱格式是否正确(C#实现正则表达式实现)
- 4.2 Branching Strategies
- RIFT Multi-Modal Image Matching Based on Radiation-Variation Insensitive Feature Transform
- 证件照蓝底变白底的方法
- 新疆大盘鸡的标准做法
- 演讲实录|OpenMLDB 与阿里云 MaxCompute 生态集成
- <计算机视觉 六> 深度学习目标检测模型的评估标准
热门文章
- Android ART GC之GrowForUtilization的分析
- 如何构建Android MVVM 应用框架
- jTable保存到mysql_怎么把从数据库里的数据输到JTABLE里面
- matlab优化工具箱
- BZOJ-1880-Elaxia的路线-SDOI2009-SPFA+拓扑排序
- JZOJ__Day 2:【普及模拟】串
- 电大法学本科计算机考试题,电大法学本科计算机形成性考核作业
- linux openfire mysql_Openfire 服务器在Linux上的安装
- ios微信支付失败 php,iOS 微信支付疑难杂症。
- SonarQube 代码扫描任务集成