写一个使用IndexDB的例子
时间: 2024-05-03 16:22:45 浏览: 95
indexedDB实例
5星 · 资源好评率100%
以下是一个使用IndexDB的例子:
```javascript
// 打开或创建名为 "myDatabase" 的数据库
const openRequest = window.indexedDB.open("myDatabase", 1);
// 如果数据库创建成功,则执行以下代码块
openRequest.onsuccess = function(event) {
const db = event.target.result;
// 在数据库上创建一个名为 "myObjectStore" 的对象存储
const objectStore = db.createObjectStore("myObjectStore", { keyPath: "id" });
// 添加一些数据到对象存储
objectStore.add({ id: 1, name: "John" });
objectStore.add({ id: 2, name: "Jane" });
objectStore.add({ id: 3, name: "Bob" });
// 从对象存储中获取数据
const transaction = db.transaction("myObjectStore", "readonly");
const objectStore = transaction.objectStore("myObjectStore");
const getRequest = objectStore.get(1);
getRequest.onsuccess = function(event) {
const data = event.target.result;
console.log(data); // { id: 1, name: "John" }
}
}
```
在这个例子中,我们首先打开一个名为 "myDatabase" 的数据库。如果数据库不存在,它将被创建。然后,我们在数据库上创建了一个名为 "myObjectStore" 的对象存储,并添加了一些数据到对象存储。最后,我们从对象存储中获取了一个对象,并将其输出到控制台。
阅读全文