Html5 web sql database

jopen 8年前

HTML5 Web SQL

Html5数据库API是以一个独立规范形式出现,它包含三个核心方法: 

1、openDatabase:这个方法使用现有数据库或创建新数据库创建数据库对象。

2、transaction:这个方法允许我们根据情况控制事务提交或回滚。

3、executeSql:这个方法用于执行真实的SQL查询。


一: 打开数据库, 如果数据库不存在,创建数据库

var dataBase = openDatabase("sales_address", "1.0", "店铺位置表", 1024 * 1024);      if (!dataBase) {          alert("数据库创建失败!");       } else {          alert("数据库创建成功!");  }

讲解:

openDatabasek中五个参数分别为:数据库名、版本号、描述、数据库大小 。


二: 创建表

dataBase.transaction(function(tx) {      tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');  });


三: 添加数据

dataBase.transaction(function(tx) {      tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "菜鸟教程")');      tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "www.runoob.com")');      tx.executeSql('INSERT INTO LOGS (id, log) VALUES( ? , ? )', [e_id, e_log]);  });

讲解:

添加数据 可以使用 外部 变量, 用 ?占位, e_id , e_log 为外部变量


四:  查询数据

dataBase.transaction(function(tx) {      tx.executeSql('SELECT * FROM LOGS', [],   function(tx, results) {     var len1 = results.rows.length,       j;    for (j = 0; j < len1; j++) {    alert(results.rows.item(j).log);   }      }, null);   });


五: 删除数据

dataBase.transaction(function(tx) {      tx.executeSql('delete from logs where id=?', [2]);  });


讲解:

删除条件也可以使用 外部变量, 跟添加同理, 用?占位


来自: http://my.oschina.net/furw/blog/599789