HTML5 Web SQL: A Comprehensive Guide
Web SQL 是一种不推荐使用的技术，因为它已从 W3C 的 HTML5 规范中被移除。尽管如此，为了教学目的，以下是一个简单的 Web SQL 使用示例：
<!DOCTYPE html>
<html>
<head>
<title>Web SQL Example</title>
<script>
// 打开或创建数据库
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)');
});
// 插入数据
db.transaction(function (tx) {
tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "菜鸟教程")');
});
// 查询数据
db.transaction(function (tx) {
tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) {
var len = results.rows.length, i;
console.log('查询记录: ' + len);
for (i = 0; i < len; i++){
console.log(results.rows.item(i).log);
}
}, null);
});
// 更新数据
db.transaction(function (tx) {
tx.executeSql('UPDATE LOGS SET log = ? WHERE id = 1', ['更新菜鸟教程']);
});
// 删除数据
db.transaction(function (tx) {
tx.executeSql('DELETE FROM LOGS WHERE id = 1');
});
</script>
</head>
<body>
<h1>Web SQL 示例</h1>
</body>
</html>这个示例展示了如何使用 Web SQL 来打开或创建一个数据库，创建一个表格，插入数据，查询数据，更新数据，以及删除数据。在实际开发中，应该避免使用 Web SQL，而是使用更现代的数据库解决方案，如 IndexedDB。
评论已关闭