HTML5 Web SQL

淩亂°似流年 2022-06-04 03:35 231阅读 0赞

# HTML5 Web SQL #

Web SQL 数据库可以在最新版的 Safari, Chrome 和 Opera 浏览器中工作。

三个核心方法：

*  openDatabase：这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。
 *  transaction：这个方法让我们能够控制一个事务，以及基于这种情况执行提交或者回滚。
 *  executeSql：这个方法用于执行实际的 SQL 查询。

## 打开数据库 ##

我们可以使用 openDatabase() 方法来打开已存在的数据库，如果数据库不存在，则会创建一个新的数据库，使用代码如下：

`var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);`

openDatabase() 方法对应的五个参数说明：

*  数据库名称
 *  版本号
 *  描述文本
 *  数据库大小
 *  创建回调

第五个参数，创建回调会在创建数据库后被调用。

## 查看创建的数据库 ##

在Chrome中使用SQLite API 存储数据后，我们可以在控制台的resources（我的是在Application）中可以看到，如图：

![SouthEast][]

我们也可以在

`C:\Users\{username}\AppData\Local\Google\Chrome\User Data\Default\databases\`

这个目录中找到数据文件，然后可以利用数据库软件将文件打开查看。

Firefox 的数据存储在`C:\Users\your-account-name\AppData\Local\Mozilla\Firefox\Profiles\`目录下。

## 执行查询操作 ##

执行操作使用 database.transaction() 函数：

var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
    db.transaction(function (tx) { 
      tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
    });

上面的语句执行后会在 ‘mydb’ 数据库中创建一个名为 LOGS 的表。

## 插入数据 ##

在执行上面的创建表语句后，我们可以插入一些数据：

我们也可以使用动态值来插入数据：

实例中的 e\_id 和 e\_log 是外部变量，executeSql 会映射数组参数中的每个条目给 “?”。

## 读取数据 ##

以下实例演示了如何读取数据库中已经存在的数据：

## 删除记录 ##

删除记录使用的格式如下：

`db.transaction(function (tx) { tx.executeSql('DELETE FROM LOGS WHERE id=1'); });`

删除指定的数据id也可以是动态的：

`db.transaction(function(tx) { tx.executeSql('DELETE FROM LOGS WHERE id=?', [id]); });`

## 更新记录 ##

更新记录使用的格式如下：

`db.transaction(function (tx) { tx.executeSql('UPDATE LOGS SET log=\'www.w3cschool.cc\' WHERE id=2'); });`

更新指定的数据id也可以是动态的：

`db.transaction(function(tx) { tx.executeSql('UPDATE LOGS SET log=\'www.w3cschool.cc\' WHERE id=?', [id]); });`

## 完整实例 ##

[SouthEast]: /images/20220604/d305583a133e40d49e7e4a70dd4dd5c6.png

HTML5 Web SQL

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 HTML5 Web存储

相关 html5 Web storage

相关 HTML5 Web SQL

相关 HTML5Web Workers

相关 HTML5 Web SQL

相关 HTML5 Web 存储

相关 HTML5 Web Workers

相关 Html5 Storage Web SQL 示例

相关 html5 Web Workers

相关 html 5 本地数据库（Web Sql Database）