html中使用sql数据库,Web Sql数据库的使用详解|HTML5
HTML5中的Web Sql数据库在实际应用中并不是很多,本人只看到w3schools这种教学网才用到websql,目前也只有Webkit(Safari,SafariMobile和Chrome)和Opera 10.50这些浏览器支持Web Sql数据库。
Web Sql Database无疑是一个浏览器数据库,它的规范是SQLite数据库,使用javascript来调用数据库语句,所有的语法和mysql是几乎一样的,所以学习Web Sql数据库知识是一件非常简单的事情。
Web Sql数据库有3个核心方法,分别如下,很是简单。
openDatabase //打开数据库
transaction //开启事务
executeSql //执行sql语句
下面我们来创建一个名为“mydb”的数据库,然后插入一张user表,并且插入4条用户数据,javascript代码如下。
/**
* 参数一:数据库名
* 参数二:版本
* 参数三:数据库描述,没啥用
* 参数四:数据库大小
*/
var database = openDatabase('mydb','1.0','太平洋学习网数据库',2*1024*1024);
database.transaction(function (db) {
db.executeSql("CREATE TABLE IF NOT EXISTS user(id unique,username,password)");
db.executeSql("insert into user(id,username,password) values('1','张三','123456')");
db.executeSql("insert into user(id,username,password) values('2','李四','456789')");
db.executeSql("insert into user(id,username,password) values('3','王五','111111')");
db.executeSql("insert into user(id,username,password) values('4','赵六','222222')");
})
插入完user用户数据之后,我们可以在Chrome谷歌浏览器上右键---检查---Application选项,然后就可以看到我们刚刚新建的mydb数据库与user用户表数据了,如图所示。
当然了,插入数据的时候,也可以使用类似于PreparedStatement预处理的形式来插入用户数据,用问号“?”来替代插入数据,这样会比较安全一点,代码如下。database.transaction(function (db) {
db.executeSql("insert into user(id,username,password) values(?,?,?)",[4,"赵六","222222"]);
})
最后我们可以将插入的用户数据遍历出来,当然了,代码仍然是写在js的标签之间,代码如下。database.transaction(function (db) {
db.executeSql('select * from user',[],function (tx,result) {
//获取数据长度
var length = result.rows.length;
//遍历
for (var i = 0; i
var id = result.rows.item(i).id;
var username = result.rows.item(i).username;
var password = result.rows.item(i).password
//输出用户数据
console.log(id+"==="+username+"==="+password);
}
});
})
上面的运行结果如图所示。
注:web sql数据库的语法和其他所有的数据库是一样的,唯一的区别只是web sql数据库是浏览器数据库,用javascript来调用而已,Web SQL数据库API实际上并不是HTML5规范的一部分。
来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/html5/410.html
html中使用sql数据库,Web Sql数据库的使用详解|HTML5相关推荐
- shell编程系列23--shell操作数据库实战之mysql命令参数详解
shell编程系列23--shell操作数据库实战之mysql命令参数详解mysql命令参数详解-u 用户名-p 用户密码-h 服务器ip地址-D 连接的数据库-N 不输出列信息-B 使用tab键代替 ...
- mysql二进制方式_MySQL数据库之MySql二进制连接方式详解
本文主要向大家介绍了MySQL数据库之MySql二进制连接方式详解 ,通过具体的内容向大家展现,希望对大家学习MySQL数据库有所帮助. 使用mysql二进制方式连接 您可以使用MySQL二进制方式进 ...
- MS SQL Server:分区表、分区索引详解
MS SQL Server:分区表.分区索引 详解 1. 分区表简介 使用分区表的主要目的,是为了改善大型表以及具有各种访问模式的表的可伸缩性和可管理性. 大型表:数据量巨大的表. 访问模式: ...
- MySQL数据库增删改查常用语句详解
MySQL数据库增删改查常用语句详解 一 MySQL数据库表结构 1.1 常见数据类型 1.2 常用约束类型 1.3 MySQL存储引擎 二 DDL语句:数据定义语句 2.1 修改数据库密码 2.1. ...
- 数据库第一范式,第二范式,第三范式详解
数据库第一范式,第二范式,第三范式详解 基础知识 实体:现实世界中客观存在并可以被区别的事物.比如"一个学生"."一本书"."一门课"等等. ...
- java metadata 使用_java 查询oracle数据库所有表DatabaseMetaData的用法(详解)
一 . 得到这个对象的实例 Connection con ; con = DriverManager.getConnection(url,userName,password); DatabaseMet ...
- Oracle SQL语句执行流程与顺序原理详解
以前读的文章,保存到本地了,忘记来源了,分享一下,本地存着怕丢了 Oracle SQL语句执行流程与顺序原理详解 第一步:客户端把语句发给服务器端执行 当我们在客户端执行SQL语句时,客户端会把这条S ...
- java 查询sql语句_java执行SQL语句实现查询的通用方法详解
完成sql查询 并将查询结果放入vector容器,以便其他程序使用 /* * 执行sql查询语句 */ public static vector executequery(class clazz, s ...
- 关系型数据库表之间的联系[关系]详解
关系型数据库表之间的联系[关系]详解 在表中,行和列的逻辑顺序无关紧要.每个表至少包含一列,该列被称为主键,它唯一地标识了表中的每一行. 键是表中扮演特殊角色的列,有两种键:主键.外键. 主键(Pri ...
- 视频教程-Oracle数据库从入门到实用教程详解-Oracle
Oracle数据库从入门到实用教程详解 全栈工程师,2010年从事软件开发以及软件教育培训工作,至今将近十余年,在项目的开发,设计,到管理上积累了丰富的实战经验,教学风格上通俗易懂,问题解答环节一对一 ...
最新文章
- Go 学习笔记(29)— range 作用于字符串、数组、切片、字典、通道
- 【sql server】“因为数据库正在使用,所以无法获得对数据库的独占访问权” 解决方案汇总
- Asp.net Web API实战
- python找人,PythonOpenCV:查找未知人物
- php如何存到磁盘,php缓存----磁盘缓存
- 陈灯可重用代码段管理器(插件版最新版本:3.2;桌面版最新版本:2.3)
- CodeForces - 888C K-Dominant Character 思维
- python学习笔记(12)-python语法要求(缩进、标识符、变量)
- 一部分 数据 迁移_11项最佳实践,每次数据中心迁移都必不可少
- 抽奖砍价之类以均值为基础的波动算法 demo版本
- (5)通过输入参数(测量数据)构建二维体模型(01)
- [2014-12-30]如何动态构造Lambda表达式(动态构造Lambda查询条件表达式)
- Atitit 摄像头与主机连接方式大总结
- 小程序-云开发-实现微信云支付功能
- 搭建以图搜图检索系统
- PostgreSQL数据库统计信息——analyze命令
- 计算机丢失msvcp90dll怎么办,msvcp90.dll
- Android项目实践(二)——日记本APP(V2)
- 使用Beep()函数发出指定音高 (一)
- Android开发之点击输入法外部关闭键盘点击输入法外部关闭输入法的解决方法