[js] 举例说明如何使用WebSQL？

"--- [js] 举例说明如何使用 WebSQL？

答案

WebSQL 是一种在浏览器中使用 SQL 进行数据库操作的技术。它提供了一个简单的接口，允许我们在前端应用中创建、查询和操作数据库。下面是一个使用 WebSQL 的示例：

首先，我们需要创建一个数据库。可以使用 openDatabase 方法来创建或打开一个已存在的数据库。该方法接受四个参数：数据库名称、版本号、数据库描述和数据库大小（以字节为单位）。

const db = openDatabase('mydb', '1.0', 'My Database', 2 * 1024 * 1024);

接下来，我们可以使用 transaction 方法来执行数据库操作。transaction 方法接受两个参数：一个回调函数和一个错误回调函数。回调函数中包含了我们要执行的数据库操作。

db.transaction(function (tx) {
  // 在此处执行数据库操作
});

下面是一些常见的数据库操作示例：

1. 创建表格：

db.transaction(function (tx) {
  tx.executeSql('CREATE TABLE IF NOT EXISTS users (id INTEGER PRIMARY KEY, name)');
});

2. 插入数据：

db.transaction(function (tx) {
  tx.executeSql('INSERT INTO users (name) VALUES (?)', ['John']);
});

3. 查询数据：

db.transaction(function (tx) {
  tx.executeSql('SELECT * FROM users', [], function (tx, results) {
    const len = results.rows.length;
    for (let i = 0; i < len; i++) {
      const user = results.rows.item(i);
      console.log(user.name);
    }
  });
});

4. 更新数据：

db.transaction(function (tx) {
  tx.executeSql('UPDATE users SET name = ? WHERE id = ?', ['Jane', 1]);
});

5. 删除数据：

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

需要注意的是，WebSQL 已经被废弃，不再被现代浏览器支持。推荐使用 IndexedDB 或其他替代方案来进行前端数据库操作。

希望以上示例能够帮助你理解如何使用 WebSQL 进行数据库操作。

---"