// 打开或创建一个 IndexedDB 数据库
const dbName = 'myDatabase';
const dbVersion = 1;
const objectStoreName = 'myObjectStore';
let request = indexedDB.open(dbName, dbVersion);
request.onerror = function(event) {
console.error('数据库打开失败');
};
request.onsuccess = function(event) {
console.log('数据库打开成功');
let db = event.target.result;
// 进行数据库操作,比如添加、读取数据等
// 示例:添加数据
let transaction = db.transaction([objectStoreName], 'readwrite');
let objectStore = transaction.objectStore(objectStoreName);
let addRequest = objectStore.add({ id: 1, value: 'Hello IndexedDB' });
addRequest.onsuccess = function(event) {
console.log('数据添加成功');
};
// 示例:读取数据
let getRequest = objectStore.get(1);
getRequest.onsuccess = function(event) {
if (getRequest.result) {
console.log('读取的数据:', getRequest.result.value);
} else {
console.log('未找到数据');
}
};
};
request.onupgradeneeded = function(event) {
let db = event.target.result;
// 创建对象存储空间(类似于表)
if (!db.objectStoreNames.contains(objectStoreName)) {
db.createObjectStore(objectStoreName, { keyPath: 'id' });
}
};
indexedDB.open 方法打开或创建一个名为 myDatabase 的数据库。如果数据库不存在,则会创建一个新的数据库。request.onerror 处理数据库打开失败的情况。request.onsuccess 处理数据库打开成功的情况,并进行后续的操作,如添加和读取数据。request.onupgradeneeded 处理数据库版本升级的情况,在这里可以创建新的对象存储空间(类似于表)。objectStore.add 方法向对象存储空间中添加一条记录。objectStore.get 方法从对象存储空间中读取一条记录。希望这段代码和解释对你有帮助!
上一篇:js 日期
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站