首页技术文章正文

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前端与移动开发课程

分享到:

Java培训班课程javaee

Python培训机构python大数据

web前端培训课程升级V8.5web

AI+设计培训课程ui

大数据培训课程cloud

软件测试培训课程test

c

新媒体运营培训netmarket

产品经理培训课程pm

linux培训Linux

movies

智能机器人培训robot

电商视觉设计课程uids

AI

集成电路应用开发(嵌入式)培训课程jdbc

在线咨询 我要报名
和我们在线交谈!