转载自【http://www.656463.com/article/340】
Web Database 介绍
Web SQL数据库API实际上不是HTML5规范的组成部分,而是单独的规范。它通过一套API来操纵客户端的数据库。Safari、Chrome、Firefox、Opera等主流浏览器都已经支持Web SQL Database
HTML5WebDatabase 操作使用
WebSQL数据库有三个核心方法:
1)打开数据库openDatabase()方法:
此方法创建数据库对象,既可以使用已有的数据库,也可以创建新的数据库。
2)事务transaction()方法:
此方法可以用于控制事务处理,执行提交操作或回滚操作。
db.transaction( function(tx) {
});
3)执行SQL命令executeSql()方法:
此方法用于执行SQL查询。
db.transaction( function(tx) {
tx.executeSQL(“SQL语句”)
});
实例
<!DOCTYPE HTML>
<html>
<head>
<meta charset=gbk>
<title>HTML5 Web SQL Database 数据库</title>
</head>
<body>
<script type="text/javascript">
var db = window.openDatabase("mydata", "1.0","数据库描述",20000);
//window.openDatabase("数据库名字", "版本","数据库描述",数据库大小);
if(db)
alert("新建数据库成功!");
db.transaction(function(tx) {
tx.executeSql("CREATE TABLE test (id int UNIQUE, mytitle TEXT, timestamp REAL)");
});
db.transaction(function(tx) {
tx.executeSql("INSERT INTO test (mytitle, timestamp) values(?, ?)", ["WEB Database", new Date().getTime()],
null, null);
});
//db.transaction(function(tx) {
// tx.executeSql("DROP TABLE qqs");
//})
//db.transaction(function(tx) {
// tx.executeSql("update test set mytitle=?
// where mytitle = 'fsafdsaf'",['xp'],null,null);
//});
db.transaction(function(tx) {
tx.executeSql("SELECT * FROM test", [],
function(tx, result) {
for(var i = 0; i < result.rows.length; i++){
document.write('<b>' +
result.rows.item(i)['mytitle'] +
'</b><br />');
}
}, function(){
alert("error");
});
});
</script>
</body>
</html>
用Google Chrome浏览器打开的效果如下:
分享到:
相关推荐
一个本地数据库(Web SQL Database)实现的通信录;介绍怎样创建打开数据库,创建表,添加数据,更新数据,删除数据,删除表 等等。
var openDatabase = require ( 'websql' ) ; 创建一个名为mydb.dbSQLite3数据库: var db = openDatabase ( 'mydb.db' , '1.0' , 'description' , 1 ) ; 创建一个内存数据库: var db = openDatabase ( ':memory...
利用HTML5 新特新 canvas 动态画图,同时,还实现了WEB SQL DATABASE 客户端嵌入式数据库增删改查的功能。(注意:完全支持的浏览器是chrome)
- 添加数据库 SQL 转储文件 ### Ver. 2.0 - 添加 web-mvc module - 新 module 使用 spring-webmvc 重构 web module ### Ver. 1.0 在源项目的基础上更新如下: - Maven 项目,用于构建和管理依赖 - Project/...
(1) 明确能够创建数据库的用户必须是系统管理员,或是被授权使用CREATE DATABASE语句的用户。 (2) 创建数据库必须要确定数据库名、所有者、数据库大小(最初的大小、最小的大小、是否允许增长及增长的方式)和存储...
计算机软件-编程源码-SQL 2000与ASP Web 数据库编程技术.zip
//openDatabase方法打开已经存在的数据库,如果不存在将会创建一个数据库,参数分别是 数据库的名称,版本,数据库的描述,和数据大小 var db = window.openDatabase(mydatabase, 1.0, 我的数据库描述, 20000);...
database 目录存放数据库SQL文件 java 目录存放java源文件 webapp 目录存放实例页面及JSP源文件 -------------- 数据库安装说明 -------------- 了解MySQL的用户可以直接使用自己熟悉的方式创建名为ajax的数据库,...
database 目录存放数据库SQL文件 java 目录存放java源文件 webapp 目录存放实例页面及JSP源文件 -------------- 数据库安装说明 -------------- 了解MySQL的用户可以直接使用自己熟悉的方式创建名为ajax的数据库,...
database 目录存放数据库SQL文件 java 目录存放java源文件 webapp 目录存放实例页面及JSP源文件 -------------- 数据库安装说明 -------------- 了解MySQL的用户可以直接使用自己熟悉的方式创建名为ajax的数据库,...
database 目录存放数据库SQL文件 java 目录存放java源文件 webapp 目录存放实例页面及JSP源文件 -------------- 数据库安装说明 -------------- 了解MySQL的用户可以直接使用自己熟悉的方式创建名为ajax的数据库,...
WebDatabase 规范中说这份规范不再维护了,原因是同质化(几乎实现者都选择了Sqlite), 且不说这些,单看在HTML5中如何实现离线数据的CRUD,最基本的用法(入门级别) 1,打开数据库 2,创建表 3,新增数据 4,更新数据 5,读取...
通过一个例子说明 Web SQL Database 的基本用法。它首先调用 openDatabase 创建了名为“fooDB”的数据库。然后使用 transaction 执行两条 SQL 语句。第一条 SQL 语句创建了名为“foo”的表,第二条 SQL 语句向表中...
html5-移动数据库 H5MDB 是一个允许您更轻松地实现移动设备 CRUD 的库。 要查看它的工作情况,只需克隆 repo 并使用 Chrome 或 Safari 打开 index.html(或使用 Cordova 编译它并在您的手机中尝试它)。 用法 类 DAO...
Sitecore 7.5 - 营销人员 Web 表单 (WFFM) 2.5 - SQL 数据提供程序 (SaveToDatabase) 该项目提供了从现有 WFFM SQL 数据库存储和检索数据的功能,因为 WFFM 2.5(Sitecore 7.5 版本)不再支持 SQL Server。 WFFM ...
记录一下web大作业
下面给出了一个C#操作MS SQL Server 数据库的通用类,通过该类可以对数据库进行任何操作,包括执行SQL语句、执行存储过程。以下是其详细实现过程,希望大家共同修改优化之。稍后将介绍如何使用它实现N层的程序设计。...
CSC410:Web数据库编程 包含我的CSC 410课程Web数据库编程的多个项目的存储库,由John ...Chapter13/StudentsByMajor.aspx允许用户从DropDownList中选择一个专业,从SQL数据库中获取信息,并在DataList中显示正在研究