首頁技術(shù)文章正文

IndexedDB的基本使用:打開數(shù)據(jù)庫

更新時(shí)間:2021-09-30 來源:黑馬程序員 瀏覽量:

IndexedDB可以通過網(wǎng)頁腳本語言來操作,這是由于瀏覽器中提供了IndexedDB對象。接下來介紹通過IndexedDB API創(chuàng)建數(shù)據(jù)庫的步驟以及打開數(shù)據(jù)庫。

1.打開數(shù)據(jù)庫
讀者可以使用indexedDB.open()方法打開數(shù)據(jù)庫,示例代碼如下:

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

上述代碼為open(方法傳入了兩個(gè)參數(shù),其中第1個(gè)參數(shù)demo表示數(shù)據(jù)庫名稱,該參數(shù)是必需的,不能省略:第2個(gè)參數(shù)1表示的是數(shù)據(jù)庫版本號,該參數(shù)可以省略(如果省略,那么默認(rèn)打開的數(shù)據(jù)庫版本號是1,反之該參數(shù)設(shè)置的數(shù)據(jù)庫版本號必須是一個(gè)大于0的正整數(shù))。這里需要說明的是,如果要打開的數(shù)據(jù)庫不存在,那么調(diào)用indexedDB.open()方法時(shí),會創(chuàng)建一個(gè)新的數(shù)據(jù)庫。
調(diào)用indexedDB.open()方法后,有可能觸發(fā)4種事件,如表11-18所示。
1633492661499_IndexedDB的基本使用.png

如果是第一次打開數(shù)據(jù)庫,會先觸發(fā)upgradeneeded事件,再觸發(fā)onsuccess事件。根據(jù)不同的需要,可以對不同的事件設(shè)立回調(diào)函數(shù),示例代碼如下。

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方法返回是一個(gè)對象,(IDBOtenDBequest)事件的回掉函數(shù)定義在該對象上面。回調(diào)函數(shù)接受一個(gè)事件對象,event作為參數(shù),event的target,result就指向打開的IndexeddDB數(shù)據(jù)庫。





猜你喜歡:

oracle體系結(jié)構(gòu)是由數(shù)據(jù)庫和什么組成?

怎樣優(yōu)化數(shù)據(jù)庫查詢?

什么是數(shù)據(jù)庫技術(shù)?數(shù)據(jù)庫技術(shù)簡介

HTML5的input增加哪些type?

黑馬程序員web前端與移動開發(fā)課程

分享到:
在線咨詢 我要報(bào)名
和我們在線交談!