request的結果為:var mydb = ;
// factory相當於資料庫的名字
var request = window.indexeddb.open(mydb.name, mydb.version);
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)
三、修改資料
新增資料也可以用put:add方法重複新增資料時會報錯,但是put方法重複新增資料會覆蓋原有資料,並不會報錯// 向表中修改資料
function putdata() ;
request.onsuccess = function();
}}settimeout(()=> , 2000)
四、查詢資料
查詢id為1的值,結果為:function searchdata (key) ;
request.onsuccess = function(e) ;
}settimeout(()=> , 2000)
五、刪除資料
結果為: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...