HTML5 IndexedDB本地储存

request.addEventListener('success', function(event){

    // 创建数据库实例

    const db = event.target.result;

    // 查找一个ObjectStore

    db.transaction(objectStoreName, wa);

    // wa为'readwrite'时，数据可以读写

    // wa为'readonly'时，数据只读

    const store = transaction.objectStore(objectStoreName);

}, false);

// 添加数据，当关键字存在时数据不会添加

store.add(obj);

// 更新数据，当关键字存在时覆盖数据，不存在时会添加数据

store.put(obj);

// 删除数据，删除指定的关键字对应的数据

store.delete(value);

// 清除ObjectStore

store.clear();

// 查找数据，根据关键字查找指定的数据

const g = store.get(value);

g.addEventListener('success', function(event){

    // 异步查找后的回调函数

}, false);

const index = store.index(indexName);

const cursor = index.openCursor(range);

cursor.addEventListener('success', function(event){

    const result = event.target.result;

    if(result){

        result.value       // 数据

        result.continue(); // 迭代，游标下移

    }

}, false);

const index = store.index(indexName);

const cursor = index.openCursor(range);

/**

 * range为null时，查找所有数据

 * range为指定值时，查找索引满足该条件的对应的数据

 * range为IDBKeyRange对象时，根据条件查找满足条件的指定范围的数据

 */

// 大于或大于等于

range = IDBKeyRange.lowerBound(value, true)   // (value, +∞)，>  value

range = IDBKeyRange.lowerBound(value, false)  // [value, +∞)，>= value

// 小于或小于等于，isOpen：true，开区间；false，闭区间

range = IDBKeyRange.upperBound(value, isOpen)

// 大于或大于等于value1，小于或小于等于value2

IDBKeyRange.bound(value1, value2, isOpen1, isOpen2)