如何使用WebSQL数据库? - 全面的指南与实例展示

7 min read

WebSQL已经被标记为废弃技术,未来的版本将不再支持。建议使用IndexedDB代替WebSQL。

不过,如果你仍然需要使用WebSQL,以下是一个简单的例子:

首先,在HTML页面中创建一个数据库:

<script>
var db = openDatabase('mydb', '1.0', 'my first database', 2 * 1024 * 1024);
</script>

这将创建一个名为“mydb”的数据库,大小为2 MB。

接下来,你可以使用JavaScript瞄准SQL语句对这个数据库进行操作。例如,可以使用下面的代码来创建一个名为“mytable”的表:

<script>
db.transaction(function(tx) {
  tx.executeSql('CREATE TABLE IF NOT EXISTS mytable (id INTEGER PRIMARY KEY, name)');
});
</script>

这将创建一个包含“id”和“name”列的新表。

为了向表中添加数据,你可以使用INSERT INTO语句:

<script>
db.transaction(function(tx) {
  tx.executeSql('INSERT INTO mytable (name) VALUES (?)', ['John']);
  tx.executeSql('INSERT INTO mytable (name) VALUES (?)', ['Jane']);
});
</script>

这将向“mytable”表中添加两个行(John和Jane)。

为了从表中检索数据,你可以使用SELECT语句:

<script>
db.transaction(function(tx) {
  tx.executeSql('SELECT * FROM mytable', [], function(tx, results) {
    var len = results.rows.length, i;
    for (i = 0; i < len; i++) {
      console.log(results.rows.item(i).name);
    }
  }, null);
});
</script>

这将检索所有的行,并将它们的名称打印到控制台。

这只是WebSQL的一个简单例子。使用WebSQL进行更复杂的数据库操作需要深入学习SQL语言和WebSQL API。