首页技术文章正文

IndexedDB的基本使用:打开数据库

更新时间:2021-09-30 来源:黑马程序员 浏览量:

IndexedDB可以通过网页脚本语言来操作,这是由于浏览器中提供了IndexedDB对象。接下来介绍通过IndexedDB API创建数据库的步骤以及打开数据库。

1.打开数据库
读者可以使用indexedDB.open()方法打开数据库,示例代码如下:

var openReguest indexedDB.open('demo',1) ;

上述代码为open(方法传入了两个参数,其中第1个参数demo表示数据库名称,该参数是必需的,不能省略:第2个参数1表示的是数据库版本号,该参数可以省略(如果省略,那么默认打开的数据库版本号是1,反之该参数设置的数据库版本号必须是一个大于0的正整数)。这里需要说明的是,如果要打开的数据库不存在,那么调用indexedDB.open()方法时,会创建一个新的数据库。
调用indexedDB.open()方法后,有可能触发4种事件,如表11-18所示。
1633492661499_IndexedDB的基本使用.png

如果是第一次打开数据库,会先触发upgradeneeded事件,再触发onsuccess事件。根据不同的需要,可以对不同的事件设立回调函数,示例代码如下。

var openRequest=indexedDB.open('demo,1);
var db;
openRequest.onupgradeneeded=function(e){
console.log('Upgrading...');

openRequest.onsuccess=function(e){
console.log('Success!');

db=e.target.result;
}

openRequest.onerror=function(e){

console.log('Error') ;

console.dir(e);
}

在上述代码中,open方法返回是一个对象,(IDBOtenDBequest)事件的回掉函数定义在该对象上面。回调函数接受一个事件对象,event作为参数,event的target,result就指向打开的IndexeddDB数据库。





猜你喜欢:

oracle体系结构是由数据库和什么组成?

怎样优化数据库查询?

什么是数据库技术?数据库技术简介

HTML5的input增加哪些type?

黑马程序员web前端与移动开发课程

分享到:
在线咨询 我要报名
和我们在线交谈!