H5中indexedDB 数据库的使用方法详解

var request = indexedDB.open('dbName', 5);

// ...

request.onsuccess = function(e){

    var db = e.target.result;

    var tx = db.transaction('Users','readwrite');

    var store = tx.objectStore('Users');

    var value = {

        'userId': 1,

        'userName': 'linxin',

        'age': 24

    }

    var req1 = store.put(value);        // 保存数据

    var req2 = store.get(1);            // 获取索引userId为1的数据

    req2.onsuccess = function(){

        console.log(this.result.userName);  // linxin

    }

    var req3 = store.delete(1);             // 删除索引为1的数据

    req3.onsuccess = function(){

        console.log('删除数据成功');        // 删除数据成功

    }

}

// boundRange 表示主键值从1到10(包含1和10)的集合。

// 如果第三个参数为true，则表示不包含最小键值1，如果第四参数为true，则表示不包含最大键值10，默认都为false

var boundRange = IDBKeyRange.bound(1, 10, false, false);

// onlyRange 表示由一个主键值的集合。only() 参数则为主键值，整数类型。

var onlyRange = IDBKeyRange.only(1);

// lowerRaneg 表示大于等于1的主键值的集合。

// 第二个参数可选，为true则表示不包含最小主键1，false则包含，默认为false

var lowerRange = IDBKeyRange.lowerBound(1, false);

// upperRange 表示小于等于10的主键值的集合。

// 第二个参数可选，为true则表示不包含最大主键10，false则包含，默认为false

var upperRange = IDBKeyRange.upperBound(10, false);

var request = indexedDB.open('dbName', 6);

// ...

request.onsuccess = function(e){

    var db = e.target.result;

    var tx = db.transaction('Users','readwrite');

    var store = tx.objectStore('Users');

    var range = IDBKeyRange.bound(1,10);

    var req = store.openCursor(range, 'next');

    req.onsuccess = function(){

        var cursor = this.result;

        if(cursor){

            console.log(cursor.value.userName);

            cursor.continue();

        }else{

            console.log('检索结束');

        }

    }

}

cursor.updata({

    userId : cursor.key,

    userName : 'Hello',

    age : 18

});

cursor.delete();

cursor.continue();