about 9 years ago
The indexeddb is used to store the data in the browser. It is not a relational database and stores values in the form of key-pair.
There are different methods used for performing different actions for a database like add(), get(), remove().
- window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
- window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.msIDBTransaction;
- window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || window.msIDBKeyRange
- if (!window.indexedDB) {
- window.alert("Your browser doesn't support a stable version of IndexedDB.")
- }
window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB; window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.msIDBTransaction; window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || window.msIDBKeyRange if (!window.indexedDB) { window.alert("Your browser doesn't support a stable version of IndexedDB.") }
Create database:
- const studentInfo = [
- { id: "01", name: "Swati", age: 21, email: "swati@gmail.com" },
- { id: "02", name: "Pooja", age: 20, email: "pooja@gmail.com" }
- ];
const studentInfo = [ { id: "01", name: "Swati", age: 21, email: "swati@gmail.com" }, { id: "02", name: "Pooja", age: 20, email: "pooja@gmail.com" } ];
Adding data to database:
- function add() {
- var request = db.transaction(["student"], "readwrite")
- .objectStore("student")
- .add({ id: "02", name: "Pooja", age: 20, email: "pooja@gmail.com" });
- request.onsuccess = function(event) {
- alert("added to your database.");
- };
- request.onerror = function(event) {
- alert("Unable to add data or already exist in your database! ");
- }
- }
function add() { var request = db.transaction(["student"], "readwrite") .objectStore("student") .add({ id: "02", name: "Pooja", age: 20, email: "pooja@gmail.com" }); request.onsuccess = function(event) { alert("added to your database."); }; request.onerror = function(event) { alert("Unable to add data or already exist in your database! "); } }
Retrieve Data:
- function read() {
- var transaction = db.transaction(["student"]);
- var objectStore = transaction.objectStore("student");
- var request = objectStore.get("00-03");
- request.onsuccess = function(event) {
- if(request.result) {
- alert("Name: " + request.result.name + ", Age: " + request.result.age + ", Email: " + request.result.email);
- }
- else {
- alert("not found database!");
- }
- };
- request.onerror = function(event) {
- alert("Unable to retrieve data!");
- };
- }
function read() { var transaction = db.transaction(["student"]); var objectStore = transaction.objectStore("student"); var request = objectStore.get("00-03"); request.onsuccess = function(event) { if(request.result) { alert("Name: " + request.result.name + ", Age: " + request.result.age + ", Email: " + request.result.email); } else { alert("not found database!"); } }; request.onerror = function(event) { alert("Unable to retrieve data!"); }; }
Remove Data:
- function remove() {
- var request = db.transaction(["student"], "readwrite")
- .objectStore("student")
- .delete("02");
- request.onsuccess = function(event) {
- alert("Removed from database.");
- };
- }
function remove() { var request = db.transaction(["student"], "readwrite") .objectStore("student") .delete("02"); request.onsuccess = function(event) { alert("Removed from database."); }; }
0 Comment(s)