Web SQL初体验之新手指导(全功能解析)

最新推荐文章于 2025-08-28 13:14:58 发布

原创最新推荐文章于 2025-08-28 13:14:58 发布 · 351 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#乔乐共享 #众观千象 #每天进步一点点 #学习永无止境 #websql

js 专栏收录该内容

123 篇文章

订阅专栏

本文介绍如何使用WebSQL API进行数据库的基本操作，包括创建数据库、创建数据表、插入数据及查询数据等步骤，并提供了具体的JavaScript代码示例。

1。创建并打开数据库

var db = window.openDatabase("myDatabase", "1.0", "My WebSQL test database", 5*1024*1024); 
// 参数含义：数据库名称，版本号，描述，占用大小(bytes)

2。创建数据表

db.transaction(function (tx) {
   tx.executeSql("CREATE TABLE IF NOT EXISTS fightclub (id INTEGER PRIMARY KEY AUTOINCREMENT, rules TEXT)");
});

3。插入数据

db.transaction(function (tx) {
   tx.executeSql( "INSERT INTO fightclub(rules) VALUES(?)", ['You do not talk about Fight Club']);
});

// or

db.transaction(function (tx) {
    tx.executeSql( "INSERT INTO fightclub(rules) VALUES(?)",['I like u']);
});

浏览器web sql数据展示格式:

4。查询数据

// db.readTransaction or db.transaction即可查询
db.transaction(function (tx) {
  tx.executeSql( "SELECT * FROM fightclub",[],function(tx, results){
    var items = results.rows;
    Object.keys(items).map(k=>console.log(items[k]));
  });
});