前言

在 HTML5 的本地存儲(chǔ)中,有一種叫 indexedDB 的數(shù)據(jù)庫(kù),該數(shù)據(jù)庫(kù)是一種存儲(chǔ)在客戶(hù)端本地的 NoSQL 數(shù)據(jù)庫(kù),它可以存儲(chǔ)大量的數(shù)據(jù)。從上篇:HTML5 進(jìn)階系列:web Storage ,我們知道 web Storage 可以方便靈活的在本地存取簡(jiǎn)單數(shù)據(jù),但是對(duì)于大量結(jié)構(gòu)化存儲(chǔ),indexedDB 的優(yōu)勢(shì)就更加明顯。接下來(lái)我們來(lái)看看 indexedDB 如何存儲(chǔ)數(shù)據(jù)。

原文作者:林鑫,作者博客:https://github.com/lin-xin/blog


連接數(shù)據(jù)庫(kù)

一個(gè)網(wǎng)站可以有多個(gè) indexedDB 數(shù)據(jù)庫(kù),但每個(gè)數(shù)據(jù)庫(kù)的名稱(chēng)是唯一的。我們需要通過(guò)數(shù)據(jù)庫(kù)名來(lái)連接某個(gè)具體的數(shù)據(jù)庫(kù)。

var request = indexedDB.open('dbName', 1);  // 打開(kāi) dbName 數(shù)據(jù)庫(kù)request.onerror = function(e){              // 監(jiān)聽(tīng)連接數(shù)據(jù)庫(kù)失敗時(shí)執(zhí)行
    console.log('連接數(shù)據(jù)庫(kù)失敗');}request.onsuccess = function(e){            // 監(jiān)聽(tīng)連接數(shù)據(jù)庫(kù)成功時(shí)執(zhí)行
    console.log('連接數(shù)據(jù)庫(kù)成功');}

網(wǎng)友評(píng)論