How to perform CRUD operations in IndexedDB?

Question

Manish Sharma · Answer

a) Create / Open Database
const request = indexedDB.open("MyDB", 1);
request.onupgradeneeded = function (event) {
 const db = event.target.result;
 db.createObjectStore("users", { keyPath: "id" });
};
b) Create (Add Data)
const transaction = db.transaction("users", "readwrite");
const store = transaction.objectStore("users");
store.add({ id: 1, name: "Anna", age: 25 });
c) Read (Get Data)
const transaction = db.transaction("users", "readonly");
const store = transaction.objectStore("users");
const request = store.get(1);
request.onsuccess = () =andgt; console.log(request.result);
d) Update Data
const transaction = db.transaction("users", "readwrite");
const store = transaction.objectStore("users");
store.put({ id: 1, name: "Anna Hajare", age: 26 }); // `put` will add or update
e) Delete Data
const transaction = db.transaction("users", "readwrite");
const store = transaction.objectStore("users");
store.delete(1);
and

interview

How to perform CRUD operations in IndexedDB?

Manish Sharma

Can you answer this question?

1 Answers

Liked By