HTML5 Web SQL数据库

intro

WEB SQL数据库API并不是HTML5规范的一部分，但他是一个独立的规范，引入了一组使用SQL操作客户端数据库的API。

WEB SQL数据库可以在最新版本的Safari, Chrome和Opera浏览器中工作。(firefox亲测不可以)。

核心API

openDatabase 	打开数据库
transaction 	控制一个事务(基于这个事务可以进行提交或回滚)
executeSql		执行SQL语句(CRUD)

Demo(运行于chrome F12 console)

// 打开|创建DB
var db = openDatabase('corp', '1.0', 'corporation info', 2 * 1024);

// 创建数据表
db.transaction(function (tx) {
	tx.executeSql('create table if not exists corporation (id unique, name)');
});

// 新增数据行
db.transaction(function (tx) {
	tx.executeSql('insert into corporation (id, name) values (1, "Baidu")');
	tx.executeSql('insert into corporation (id, name) values (?, ?)', [2, 'Alibaba']);
	tx.executeSql('insert into corporation (id, name) values (3, "Tencent")');
});

// 查询
db.transaction(function(tx) {
	/*tx.executeSql(SQL语句, SQL参数列表, func, null);*/
	tx.executeSql('select * from corporation', [], function(tx, results) {
		var len = results.rows.length;
		console.log('记录条数：', len);
		for (var i = 0; i < len; i++) {
			var record = results.rows.item(i);
			console.log(record.id, record.name);
		}
	}, null);
});

// 删除
db.transaction(function(tx) {
	/*tx.executeSql('delete from corporation where id = ?', [id]);*/
	tx.executeSql('delete from corporation where id = 1');
});

// 更新
db.transaction(function(tx) {
	tx.executeSql('update corporation set name = ? where id = ?', ['Ali', 2])
});