您的位置：首页 > 数据库

html ---- web sql 例子

2015-09-11 07:48 555 查看

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script>
window.onload = function () {
var one = document.getElementById('one');

if (window.openDatabase) {
var dataBase = openDatabase("student", "1.0", "学生表", 1024*1024, function() {

});
dataBase.transaction(function (fx) {
//创建一个表
fx.executeSql(
"create table if not exists stu (id REAL UNIQUE, name TEXT)",
[],
function () {  //表创建成功
alert("表创建成功");
},
function () {  //表创建失败
alert("表创建失败");
}
);

//插入数据
fx.executeSql(
"insert into stu (id, name) values(?, ?)",
[1, "张三"],
function () {  //表创建成功
alert("数据插入成功");
},
function () {  //表创建失败
alert("数据插入失败");
}
);

//更新数据
fx.executeSql(
"update stu set name = ? where id = ?",
["李四", 1],
function () {  //表创建成功
alert("数据更新成功");
},
function () {  //表创建失败
alert("数据更新失败");
}
);

//查询数据
fx.executeSql(
"select * from stu",
[],
function (fx, result) {  //表创建成功
// alert(result.rows.length);
for(var i  = 0; i < result.rows.length; i++) {
one.innerHTML = result.rows.item(i)['name'];
}
alert("数据查询成功");
},
function () {  //表创建失败
alert("数据查询失败");
}
);

//删除数据
fx.executeSql(
"delete from stu where id=?",
[1],
function (fx, result) {  //表创建成功
one.innerHTML = "";
},
function () {  //表创建失败
alert("删除失败");
}
);

//删除表
fx.executeSql(
"drop table stu",
[],
function (fx, result) {  //表创建成功
alert("表删除成功");
},
function () {  //表创建失败
alert("表删除失败");
}
);

})
}
}
</script>
</head>
<body>
<p id="one">测试</p>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航