executeSql 注意大小写!!!!错一个方法都无效
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
//若创建数据库名字,表名此前在别的webSQL已创建,那么会直接引用里面的数据内容,不会新建
//设置数据库名字,版本,连接池,大小
var xx=window.openDatabase("mystore.db","1.0",null,20000);
//创建表
xx.transaction(function(tr){
tr.executeSql("create table goods(_id integer primary key autoincrement,name text,price real)")
})
//增删改的格式 xx.executeSql("sql语句",[参数])
//插入数据
function insertDate(){
xx.transaction(function(tr){
console.log(tr); //一个SQLTransaction{}
tr.executeSql("insert into goods(name,price) values(?,?)",["吴师傅",75562])
})
}
//删除数据库
function delTable(){
xx.transaction(function(tr){
tr.executeSql("drop table goods")
})
}
//修改数据
function updata1(id,name,price){
xx.transaction(function(tr){
tr.executeSql("update goods set name=?,price=? where _id=?",[name,price,id])
})
}
//查询数据
function getData(){
xx.transaction(function(tr){
//result返回得就是数组
tr.executeSql('select * from goods',[],function(tr,result){
console.log(result);
for (var i = 0; i < result.rows.length; i++) {
let dd=result.rows[i];
document.write(dd._id+dd.name+dd.price)
}
}) //tr.executeSql
})
}
</script>
</head>
<body>
<button onclick="insertDate()">插入数据</button>
<button onclick="delTable()">整张表删除</button>
<button onclick="updata1(2,'老李',100)">更新1号的数据</button>
<button onclick="getData()">查询数据</button>
</body>
</html>