indexDB基礎操作

2021-09-26 19:20:17 字數 2191 閱讀 6284

var mydb = ;

// factory相當於資料庫的名字

var request = window.indexeddb.open(mydb.name, mydb.version);

request的結果為:

request有三個重要的方法:onerror,onsuccess,onupgradeneeded

其中onerror是開啟資料庫失敗執行的操作,on是成功開啟資料庫的操作,onupgradeneeded是當開啟資料庫的版本和與已存在的資料庫版本號不一致的時候會呼叫。

request.onerror = function(e) ;

request.onsuccess = function(e) ;

request.onupgradeneeded = function(e));

console.log('成功建立物件儲存空間:workers');}}

輸出結果為:

可見並沒有執行onupgradeneeded函式,由於預設的資料庫版本是1,為了呼叫這個函式,只需要在indexeddb中傳入version就可以了

var request = window.indexeddb.open('factory', 3);
這時發現資料庫factory下已經建立了workers這張表

這時workers並沒有資料

二、向表中新增資料

// 向表中新增資料

function adddata() ;

request.onsuccess = function();

}}settimeout(()=> , 2000)

結果如圖所示:

三、修改資料

// 向表中修改資料

function putdata() ;

request.onsuccess = function();

}}settimeout(()=> , 2000)

新增資料也可以用put:add方法重複新增資料時會報錯,但是put方法重複新增資料會覆蓋原有資料,並不會報錯

四、查詢資料

function searchdata (key) ;

request.onsuccess = function(e) ;

}settimeout(()=> , 2000)

查詢id為1的值,結果為:

五、刪除資料

function deletedata (key) 

settimeout(()=> , 2000)

結果為:

發現key為1的資料已被刪除

六、清除資料

function cleardata () 

settimeout(()=> , 2000)

結果為:

這時:資料庫中資料已不存在

七、關閉資料庫

function closedb()
八、刪除資料庫

function deletedb()

LocalStorage與IndexDB的使用

localstorage 用於本地儲存,解決了cookie的儲存空間不足問題,cookie儲存空間一般為4k,而localstorage一般在瀏覽器分配的空間大小為5m,不同的瀏覽器分配的儲存空間大小不等 localstorage與sessionstorage相比,生命週期更長,便於資料長期儲存。l...

vue中indexDB的應用

indexeddb.js,瀏覽器本地資料庫操作 export default request.onsuccess function event onupgradeneeded,呼叫建立新的儲存空間 request.onupgradeneeded function event objectstore....

mysql基礎操作語句 Mysql基礎操作語句

比如乙個學生表student有三個欄位id,name,資料型別分別為int varchar varchar 增加資料 語法 insert into 表名 values val1,val2.例 insert into student values 1516,張三 男 部分字段插入 insert int...