HTML5之indexedDB

从陌生到了解,花了一下午的时间,以下的地址还是不错的参考资料,省的到处去找

HTML5本地存储——IndexedDB（一：基本使用）

官方API接口文档

官方使用示例

html5 初试 indexedDB

 

给一个自己练习的DEMO

var dbName = "myDB";

var tdbName = "student";

function openDB(dbname,version){

    version = version || 1;



    var request = getIndexedDB().open([dbName],version);

    request.onerror=function(e){

        console.log("打开数据库失败");

    }

    request.onsuccess=function(e){

        console.log("打开数据库成功");

        db = e.target.result;

    }

    request.onupgradeneeded=function(e){

        db = e.target.result;

        if(!db.objectStoreNames.contains('student')){

            db.createObjectStore(['student'],{keyPath:"name"});

            console.log("创建表student");

        }

    }

}

function writeInDB(dbName,tdbName,objValue){

    var transaction = dbName.transaction(tdbName,"readwrite");

    var objectStore = transaction.objectStore(tdbName);

    var addrequest;

    for(var i in objValue){

        addrequest = objectStore.add(objValue[i]);

    }

    addrequest.onerror=function(e){

        console.log("插入数据失败");

    }

    addrequest.onsuccess=function(e){

        console.log("插入数据成功");

    }

}

var db = openDB(dbName);

var stud = [{name:'Li',age:20},{name:'Zhao',age:12}];



function readFromDB(db,tdbName){

    var store = db.transaction(tdbName,"readwrite").objectStore(tdbName);

    store.openCursor().onsuccess=function(e){

        var cursor = e.target.result;

        if(cursor){

            console.log(cursor.key);

            console.log(cursor.value);

            cursor.continue();    

        }

    }

}



function removeFromDB(db,tdbName,key){

    var store = db.transaction(tdbName,"readwrite").objectStore(tdbName);

    store.delete(key);

}

readFromDB(db,tdbName);//读取数据

removeFromDB(db,tdbName,'Li');//移出key为"Li"的数据

writeInDB(db,tdbName,[{name:"Li",age:22,sex:1}]);

writeInDB(db,tdbName,[{name:"Lilly",age:22,sex:1}]);//插入两条记录