介紹

　　IndexedDB是HTML5 WEB數據庫，允許HTML5 WEB應用在用戶瀏覽器端存儲數據。對于應用來說IndexedDB非常強大、有用，可以在客戶端的chrome,IE,Firefox等WEB瀏覽器中存儲大量數據，下面簡單介紹一下IndexedDB的基本概念。

　　什么是IndexedDB

　　IndexedDB，HTML5新的數據存儲，可以在客戶端存儲、操作數據，可以使應用加載地更快，更好地響應。它不同于關系型數據庫，擁有數據表、記錄。它影響著我們設計和創建html' target='_blank'>應用程序的方式。IndexedDB 創建有數據類型和簡單的JavaScript持久對象的object，每個object可以有索引，使其有效地查詢和遍歷整個集合。本文為您提供了如何在Web應用程序中使用IndexedDB的真實例子。

　　開始

　　我們需要在執行前包含下面前置代碼

　　JavaScript Code復制內容到剪貼板

　　var indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;

　　//prefixes of window.IDB objects

　　var IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.msIDBTransaction;

　　var IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || window.msIDBKeyRange

　　if (!indexedDB) {

　　alert("Your browser doesn't support a stable version of IndexedDB.")

　　}

　　打開IndexedDB

　　在創建數據庫之前，我們首先需要為數據庫創建數據，假設我們有如下的用戶信息：

　　JavaScript Code復制內容到剪貼板

　　var userData = [

　　{ id: "1", name: "Tapas", age: 33, email: "[email protected]" },

　　{ id: "2", name: "Bidulata", age: 55, email: "[email protected]" }

　　];

　　現在我們需要用open()方法打開我們的數據庫:

　　JavaScript Code復制內容到剪貼板

　　var db;

　　var request = indexedDB.open("databaseName", 1);

　　request.onerror = function(e) {

　　console.log("error: ", e);

　　};

　　request.onsuccess = function(e) {

　　db = request.result;

　　console.log("success: "+ db);

　　};

　　request.onupgradeneeded = function(e) {

　　}

　　如上所示，我們已經打開了名為"databaseName"，指定版本號的數據庫，open()方法有兩個參數：

　　1.第一個參數是數據庫名稱，它會檢測名稱為"databaseName"的數據庫是否已經存在，如果存在則打開它，否則創建新的數據庫。

　　2.第二個參數是數據庫的版本，用于用戶更新數據庫結構。

　　onSuccess處理

　　發生成功事件時“onSuccess”被觸發，如果所有成功的請求都在此處理，我們可以通過賦值給db變量保存請求的結果供以后使用。

　　onerror的處理程序

　　發生錯誤事件時“onerror”被觸發，如果打開數據庫的過程中失敗。

　　Onupgradeneeded處理程序

　　如果你想更新數據庫(創建，刪除或修改數據庫)，那么你必須實現onupgradeneeded處理程序，使您可以在數據庫中做任何更改。 在“onupgradeneeded”處理程序中是可以改變數據庫的結構的唯一地方。

　　創建和添加數據到表：

　　IndexedDB使用對象存儲來存儲數據，而不是通過表。 每當一個值存儲在對象存儲中，它與一個鍵相關聯。 它允許我們創建的任何對象存儲索引。 索引允許我們訪問存儲在對象存儲中的值。 下面的代碼顯示了如何創建對象存儲并插入預先準備好的數據：

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。