HTML5 Web SQL 对数据库的操作

本文介绍 HTML5 WebSQL 的基本操作,包括数据库的创建、表的建立、数据的增删改查等核心功能,并提供了具体的 JavaScript 代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML5 Web SQL 对数据库的操作
1    openDatabase:这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。
2    transaction:这个方法让我们能够控制一个事务,以及基于这种情况执行提交或者回滚。
3    executeSql:这个方法用于执行实际的 SQL 查询。


var db = openDatabase('数据库名称', '版本号', '描述文本', 2 * 1024 * 1024为大小,回调函数);
打开和创建
var db = openDatabase('打开的数据库名', '1.0', 'Test DB', 2 * 1024 * 1024);
db.transaction(function (tx) {  
   tx.executeSql('CREATE TABLE IF NOT EXISTS 创建的表名 (字段名1, 字段名2)');
});


插入数据
var db = openDatabase('打开的数据库名', '1.0', 'Test DB', 2 * 1024 * 1024);
db.transaction(function (tx) {  
  tx.executeSql('INSERT INTO 表名 (字段名1,字段名2) VALUES (?, ?)', [加入的东西1, 加入的东西2]);
});


删除记录
var db = openDatabase('打开的数据库名', '1.0', 'Test DB', 2 * 1024 * 1024);
db.transaction(function (tx) {
    tx.executeSql('DELETE FROM 表名  WHERE 所符合的条件如  id=2');
});


更新记录
db.transaction(function(tx) {
    tx.executeSql('UPDATE LOGS SET log=所符合的条件 WHERE id=所符合的条件', [log,id]);
});


读取数据
html5没有直接输出数据库的载体只能一个一个输出
db.transaction(function (tx) {
   tx.executeSql('SELECT * FROM 表名', function (tx, results) {
      var len = results.rows.length, i;
      var msg = "<p>查询记录条数: " + len + "</p>";
      document.querySelector('#status').innerHTML +=  msg;
    
      for (i = 0; i < len; i++){
         alert(results.rows.item(i).字段名 );
      }
    
   }, null);
});
每一个都有一个回调函数
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值