什么是Web SQL？

2025年3月17日 | 阅读 3 分钟

Web SQL数据库是一个用于在数据库中存储或管理数据的网页。该API受到谷歌浏览器、Opera和安卓浏览器的支持。

Web SQL API不是HTML5规范的一部分，而是一个独立的规范。它提供了一组API来操作客户端数据库。

打开数据库、事务是执行的基本方法。

W3C网络应用程序正在2010年11月制定规范。它指出由于缺乏独立实现，该规范无法成为W3C推荐标准。

Mozilla Corporation是该标准背后的主要推动者之一，同时也是IndexDB（另一种存储标准）的主要推动者。

Web API不是HTML5规范的一部分。它是一个独立的规范，规定了一组API来操作客户端数据库。

Web SQL数据库在最新版本的 Safari、Chrome 和 Opera 中工作。

Web SQL的方法

有三种方法 -

打开数据库 - 它使用现有数据库创建数据库对象，或者创建一个新数据库。
事务 - 事务可以控制一个事务，并根据情况提交或回滚。
执行 SQL - 它用于执行真实的SQL查询。

数据库打开

打开数据库方法会在数据库已经存在的情况下打开它。使用以下代码创建和打开数据库 -

上述方法接受以下五个参数 -

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

在最后一个也是第五个参数中，如果正在创建数据库，将调用创建回调。

我们使用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的表。

插入操作

为了在表中创建条目，我们执行一个SQL查询，如下所示

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)'); 
   tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "foobar")'); 
   tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "logmsg")'); 
}); 

我们可以在创建条目时传递动态值，如下所示 -

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)'); 
   tx.executeSql('INSERT INTO LOGS (id,log) VALUES (?, ?'), [e_id, e_log]; 
});

e_id和e_log是这里的外部变量，并执行数组中的每个项目。

读取操作

要读取现有记录，我们使用回调来捕获结果，如下所示 -

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)');
   tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "foobar")'); 
   tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "logmsg")'); 
});  

db.transaction(function (tx) { 
   tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) { 
      var len = results.rows.length, i; 
      msg = "<p>Found rows: " + len + "</p>"; 
      document.querySelector('#status').innerHTML +=  msg; 
  
      for (i = 0; i < len; i++) { 
         alert(results.rows.item(i).log ); 
      } 
  
   }, null); 
});

示例

让我们将这个示例放在一个完整的HTML5文档中，如下所示，并尝试使用Safari浏览器运行它。

<!DOCTYPE HTML> 

<html>  
   <head> 
  
      <script type = "text/javascript"> 
         var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024); 
         var msg; 
    
         db.transaction(function (tx) { 
            tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)'); 
            tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "foobar")'); 
            tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "logmsg")'); 
            msg = '<p>Log message created and row inserted.</p>'; 
            document.querySelector('#status').innerHTML =  msg; 
         })

         db.transaction(function (tx) { 
            tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) { 
               var len = results.rows.length, i; 
               msg = "<p>Found rows: " + len + "</p>"; 
               document.querySelector('#status').innerHTML +=  msg; 
      
               for (i = 0; i < len; i++) { 
                  msg = "<p><b>" + results.rows.item(i).log + "</b></p>"; 
                  document.querySelector('#status').innerHTML +=  msg; 
               } 
            }, null); 
         }); 
      </script> 
   </head> 
  
   <body> 
      <div id = "status" name = "status">Status Message</div> 
   </body> 
</html>

上述代码产生以下结果

Log message created and row inserted.
Found rows: 2
foobar
logmsg

下一主题如何在SQL中创建函数

什么是Web SQL？

Web SQL的方法

数据库打开

插入操作

读取操作

示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

SQL 教程

SQL 数据库

SQL 表

SQL Select

SQL 子句

SQL Order By

SQL Insert

SQL Update

SQL Delete

SQL Join

SQL 键

Interview

SQL 多选题

SQL 注入

区别

PL/SQL 教程

其他

SQL 字符串函数

测验

什么是Web SQL？

Web SQL的方法

数据库打开

插入操作

读取操作

示例

相关帖子

SQL 从日期中获取月份

SQL 中的 LOCATE 函数

SQL 中的 MOD 函数

如何在 SQL 中使用 DISTINCT

SQL 中的 REPEAT 函数

SQL 中的 TRUNCATE 函数

SQL 中的 ROUND 函数

SQL 中的 BIN 函数

SQL Not Equal

如何在 SQL 中使用 ORDER BY

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器