HTML5中进行SQL的操作

来源：互联网发布：maxwell仿真软件下载编辑：程序博客网时间：2024/06/09 21:47

三个核心的方法：

1.openDatabase():创建数据库

2.transaction():进行事务的回滚

3.executeSql:用于执行实际的SQL语句

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<script type="text/javascript">
//openDatabase()打开数据库，如果不存在，则创建；如果存在，则直接打开
/*第一个参数:数据库名称
第二个参数:版本号，此处写1就可以了
第三个参数:描述信息
第四个参数:数据库大小
第五个参数:回调函数，当数据库创建成功的时候进行回调
*/
var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
var msg;
//增加数据
//方法一：直接添加死数据
//tx.executeSql('insert into LOGS(id,log)values(3,"菜鸟驿站")');
//tx.executeSql('insert into LOGS(id,log)values(4,"教程")');
//方法二:动态添加数据
// tx.executeSql('insert into LOGS(id,log)values(?,?)', [document.getElementById("user_name").value, document.getElementById("user_pass").value]);
db.transaction(function (tx) {
tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "菜鸟教程")');
tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "www.runoob.com")');
msg = '<p>数据表已创建，且插入了两条数据。</p>';
document.querySelector('#status').innerHTML = msg;
});

db.transaction(function (tx) {
tx.executeSql('DELETE FROM LOGS WHERE id=1');
msg = '<p>删除 id 为 1 的记录。</p>';
document.querySelector('#status').innerHTML = msg;
});

db.transaction(function (tx) {
tx.executeSql('UPDATE LOGS SET log=\'www.w3cschool.cc\' WHERE id=2');
msg = '<p>更新 id 为 2 的记录。</p>';
document.querySelector('#status').innerHTML = msg;
});

db.transaction(function (tx) {
tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) {
var len = results.rows.length, i;
msg = "<p>查询记录条数: " + len + "</p>";
document.querySelector('#status').innerHTML += msg;
for (i = 0; i < len; i++) {
msg = "<p><b>" + results.rows.item(i).log + "</b></p>";
document.querySelector('#status').innerHTML += msg;
}
}, null);
});

</script>

</head>

<body>
<div id="status" name="status">状态信息</div>
</body>

</html>

0 0