八、webSql

八、webSql

前端数据库,本来属于HTML5规范,后来被取消了(数据库保存在后端比前端靠谱)

8.1 openDatabase

观察数据库:

UYt5p4.png

它是一个函数,是window的属性

作用:打开或者创建数据库

使用方式:

1
2
3
4
5
openDatabase(dbname, version, descript, size);
dbname:数据库名称
version:版本号
descript:描述
size:大小

创建数据库:

1
2
// 创建数据库
openDatabase("17期数据库", 1, "这是17期数据库", 1024*1024);

UYtTXR.png

1
2
// 查看数据库
console.log(openDatabase);

UYtb0x.png

执行openDatabase方法之后,会返回一个数据库对象:

1
2
var db = openDatabase("17期数据库", 1, "这是17期数据库", 1024*1024);
console.log(db);

UYtz1H.png

8.2 transaction

该方法接受一个参数是回调函数,回调函数中的参数就是事物对象

1
2
3
db.transaction(function(){
console.log(arguments);
});

UYNCnI.png

8.3 SQLTransaction

通过ta调用SQLTransaction原型上的方法:executeSql来执行SQL语句

使用方式:

1
2
3
4
5
ta.executeSql(sql, [], successcallback, failedcallback0
sqlsql语句
[]:数组,替代数组
successcallback:成功时候的回调函数
failedcallback:失败时候的回调函数

创建表:

1
2
3
4
5
6
7
8
db.transaction(function(ta){
// console.log(arguments);
ta.executeSql("create table student (name vachar(20), age int(10))", [], function(){
console.log("创建成功");
}, function(){
console.log("创建失败");
});
});

UYNPBt.png

插入数据:

1
2
3
4
5
6
7
8
// 插入数据
db.transaction(function(ta){
ta.executeSql("insert into student values('小明', 12)", [], function(){
console.log("插入成功");
}, function(){
console.log("插入失败");
});
});

UYNQH0.png

点击查看

本文标题:八、webSql

文章作者:Mango

发布时间:2020年07月14日 - 13:17:36

最后更新:2020年07月14日 - 13:27:10

原始链接:https://mango185.github.io/post/480c0c3f.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------------本文结束 感谢您的阅读-------------------