Html5 web sql database

原创
2016/01/08 16:45
阅读数 137

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]);
});


讲解:

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


展开阅读全文
打赏
1
4 收藏
分享
加载中
更多评论
打赏
0 评论
4 收藏
1
分享
返回顶部
顶部