const DB = window.indexedDB;
const userInfo = [
{ userName: 'Stone', Age: 30, cityName: '上海' },
{ userName: 'John', Age: 25, cityName: '杭州' },
{ userName: 'Mico', Age: 35, cityName: '深圳' },
];
const dbName = 'userDB';
const request = DB.open('userDB', 2);
// 创建数据库失败时触发
request.onerror = event => {
console.log('打开数据库-userDB-失败: ', event);
};
// 创建数据库成功时触发
request.onsuccess = event => {
const db = (event.target as any).result;
const newUserStore = db.createObjectStore('newUserStore', {
keyPath: 'userName',
});
userInfo.map(item => {
newUserStore.add(item.userName);
});
db.close();
console.log('打开数据库 done...');
};
// 创建新数据库或修改数据库版本号时触发
request.onupgradeneeded = event => {
const db = (event.target as any).result;
const userStore = db.createObjectStore('userStore', {
keyPath: 'userName',
});
userInfo.map(item => {
userStore.add(item.userName);
});
db.close();
console.log('更新数据库 done...');
};
IndexedDB 示例
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 共同点： 都保存在浏览器端，都是同源的。 区别: cookie数据始终在同源的http请求中携带，而webStor...
- 一、cookie 生命期为只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。 存放数据大小为4K左...
