Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

How to perform CRUD operations in IndexedDB?

Manish Sharma 558 26 Jun 2025

Ask by Manish Sharma

Updated 26 Jun 2025

1 Answers

Manish Sharma 26 Jun 2025

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 = () => 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);

advertising

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.