H5 indexedDB 菜单操作

var stu = null;
$(document).ready(function() {
openDB(myDB.name, myDB.version);
stu = getDataByKey(myDB.db, 'students', 1001);
console.log(JSON.stringify(stu));
change_page()
});
function change_page() {
$(".menu  li").each(function(i, n) {
if ($(n).find("a").attr("href") == stu.name) {
$(n).addClass("active")
} else {
$(n).removeClass("active")
}
})
}
function getDataByKey(db, storeName, value) {
var transaction = db.transaction(storeName, 'readwrite');
var store = transaction.objectStore(storeName);
var result = store.get(value) var student = result.result;
return student
}
function openDB(name, version) {
var version = version || 1;
var request = window.indexedDB.open(name, version);
request.onerror = function(e) {
console.log(e.currentTarget.error.message)
};
request.onsuccess = function(e) {
var db = e.target.result;
myDB.db = db
};
request.onupgradeneeded = function(e) {
var db = e.target.result;
if (!db.objectStoreNames.contains('students')) {
db.createObjectStore('students', {
keyPath: "id"
})
}
console.log('DB version changed to ' + version)
}
}
var students = [{
id: 1001,
name: "Byron",
age: 24
},
{
id: 1002,
name: "Frank",
age: 30
},
{
id: 1003,
name: "Aaron",
age: 26
}];
var myDB = {
name: 'test1',
version: 4,
db: null
};
function addData(db, storeName) {
var transaction = db.transaction(storeName, 'readwrite');
var store = transaction.objectStore(storeName);
for (var i = 0; i < students.length; i++) {
store.add(students[i])
}
}
function updateDataByKey(db, storeName, obj) {
var transaction = db.transaction(storeName, 'readwrite');
var store = transaction.objectStore(storeName);
store.delete(obj.id);
store.add(obj)
}
function init_menu() {
openDB(myDB.name, myDB.version);
setTimeout(function() {
addData(myDB.db, 'students')
},
1000)
} //监听点击的那一个
$(".menu li").on("click",function(){var k = $(this).find("a").attr("href");var va ={id:1001,name:k,age:26}openDB(myDB.name,myDB.version);updateDataByKey(myDB.db,'students',va)});