午夜日韩在线,国产福利视频在线,最新中文字幕av

indexedDB是存儲大量結構化數(shù)據(jù)的API，demo中用到的是異步API，麻煩的就是所有對indexedDB的操作都會發(fā)生一個異步的‘請求’，只要熟悉了API操作起來也很簡單。

大體流程是這樣

1.打開數(shù)據(jù)庫

JavaScript Code復制內容到剪貼板

var indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB;
if ('webkitIndexedDB' in window) {
window.IDBTransaction = window.webkitIDBTransaction;
window.IDBKeyRange = window.webkitIDBKeyRange;
}
//這個就不解釋了
var request = indexedDB.open("adsageIDB"); //open ： indexedDB只有這一個方法打開（數(shù)據(jù)庫名）
request.onsuccess = function(e) { //異步
var v = "1.00";
var db = e.target.result;
if (v!= db.version) {
var setVrequest = db.setVersion(v);
setVrequest.onsuccess = function(e) { //異步
if(db.objectStoreNames.contains("todo")) {
db.deleteObjectStore("todo");
}
var store = db.createObjectStore("todo", {keyPath: "adsid"});//onsuccess 后創(chuàng)建ObjectStore 暫時用到兩個參數(shù)，數(shù)據(jù)庫&&主鍵
}
}
}

這樣就創(chuàng)建/連接了一個數(shù)據(jù)庫

2.創(chuàng)建交互對象 && 監(jiān)聽dom事件 && 處理數(shù)據(jù)

然后就是要操作數(shù)據(jù)庫了

JavaScript Code復制內容到剪貼板

//插入數(shù)據(jù) 暫時只插入一列
var trans = db.transaction(["todo"], IDBTransaction.READ_WRITE);//創(chuàng)建transaction
var store = trans.objectStore("todo");//創(chuàng)建Store
//要操作數(shù)據(jù)必須建立transaction 和 Store
var data = {
"text": todoText,
"adsid": new Date().getTime()
};//一個小數(shù)據(jù) adsid是主鍵
var request = store.put(data); //‘強行’插入
request.onsuccess = function(e) {
//成功后執(zhí)行一些操作
};
request.onerror = function(e) {
console.log("Error Adding: ", e);
};

JavaScript Code復制內容到剪貼板

JavaScript Code復制內容到剪貼板

【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外，其他素材未做測試，不保證完整性，網(wǎng)站上部分源碼僅限學習交流，請勿用于商業(yè)用途。如損害你的權益請聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。

pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网