关于indexedDB的基本使用
来源:互联网 发布:bms核心算法 编辑:程序博客网 时间:2024/06/05 18:59
window.indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB; window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.msIDBTransaction; window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || window.msIDBKeyRange; window.IDBCursor = window.IDBCursor || window.webkitIDBCursor || window.msIDBCursor; //连接数据库 function connectDatabase() { var dbName = "indexedDBTest"; var dbVersion = 20170633 var idb; var dbConnect = indexedDB.open(dbName, dbVersion); //连接成功 dbConnect.onsuccess = function(e) { idb = e.target.result; console.log(e); console.log("连接成功"); //开启事物 var tx = idb.transaction(["newUsers"], "readwrite"); var store = tx.objectStore("newUsers"); var value = { userId: 1, userName: "李四", address: "广东省" }; var req = store.put(value); req.onsuccess = function(e) { console.log("保存成功"); }; req.onerror = function(e) { console.log("保存失败"); } }; dbConnect.onerror = function() { console.log("连接失败"); }; //数据库更新 dbConnect.onupgradeneeded = function(e) { idb = e.target.result; var tx = e.target.transaction; var oldVersion = e.oldVersion; var newVersion = e.newVersion; console.log("数据库已经更新"); //添加数据 var name = "newUsers"; var optionalParameters = { keyPath: "userId", //表示主键 autoIncrement: true //主键是否自动增长 }; //createObjectStore(仓库名称,对象) var store = idb.createObjectStore(name, optionalParameters); //创建唯一索引 var name = "userNameIndex"; var keyPath = "userName"; var optionalParameters = { unique: false, multiEntry: false }; //创建唯一索引 var idx = store.createIndex(name, keyPath, optionalParameters); }; }
阅读全文
1 0
- 关于indexedDB的基本使用
- indexedDB的基本使用
- indexedDB 基本使用
- 使用 IndexedDB
- 使用 IndexedDB
- 使用 IndexedDB
- IndexedDB使用(基本函数封到Angular2的service里)
- 使用HTML5的indexedDB实现的todolist
- 【Hours】使用indexedDB中遇到的问题。
- HTML5 web SQL 和indexedDB的使用
- HTML5本地存储——IndexedDB(一:基本使用)
- HTML5本地存储——IndexedDB(一:基本使用)
- HTML5本地存储——IndexedDB(一:基本使用)
- HTML5本地存储——IndexedDB(一:基本使用)
- HTML5本地存储——IndexedDB(一:基本使用)
- HTML5本地存储——IndexedDB(一:基本使用)
- HTML5本地存储——IndexedDB(一:基本使用)
- HTML5本地存储——IndexedDB(基本使用)
- Maven 官网下载
- 深度学习之自编码器AutoEncoder
- ECMAScript6(18):Decorator修饰器
- <a href>里面带的超链接点不进去
- 手动缓存Retrofit+OkHttp响应体,不再局限于Get请求缓存
- 关于indexedDB的基本使用
- JAVA里使用Jetty作为轻量级嵌入式的Web容器
- shell之 2>&1
- python基础学习
- 前端常用函数(一)
- Android7.0 Notification控制
- Python之禅
- C语言 运算符
- python 使用MySQL数据库的实例代码