153 views
Delete data from javascript indexedDB
To delete data from an IndexedDB database using JavaScript, you need to perform the following steps:
- Open a connection to the IndexedDB database using the
indexedDB.open()method.
JavaScript
const request = indexedDB.open('myDatabase', 1);- Set up event listeners for the success, error, and upgrade events.
JavaScript
request.onsuccess = function(event) {
const db = event.target.result;
// Perform the delete operation inside this event handler
};
request.onerror = function(event) {
console.log('Error opening database:', event.target.error);
};
request.onupgradeneeded = function(event) {
const db = event.target.result;
// Handle the database upgrade if needed
};- Within the
onsuccessevent handler, open a transaction on the database and specify the object store from which you want to delete the data.
JavaScript
const transaction = db.transaction(['myObjectStore'], 'readwrite');
const objectStore = transaction.objectStore('myObjectStore');- Use the
delete()method of the object store to delete the desired data based on the key or key range.
JavaScript
const deleteRequest = objectStore.delete('key');You can specify a single key or a key range to delete multiple records.
- Handle the success or error event of the delete operation.
JavaScript
deleteRequest.onsuccess = function(event) {
console.log('Data deleted successfully');
};
deleteRequest.onerror = function(event) {
console.log('Error deleting data:', event.target.error);
};Here’s a complete example that demonstrates the deletion of data from an IndexedDB database:
JavaScript
const request = indexedDB.open('myDatabase', 1);
request.onsuccess = function(event) {
const db = event.target.result;
const transaction = db.transaction(['myObjectStore'], 'readwrite');
const objectStore = transaction.objectStore('myObjectStore');
const deleteRequest = objectStore.delete('key');
deleteRequest.onsuccess = function(event) {
console.log('Data deleted successfully');
};
deleteRequest.onerror = function(event) {
console.log('Error deleting data:', event.target.error);
};
};
request.onerror = function(event) {
console.log('Error opening database:', event.target.error);
};
request.onupgradeneeded = function(event) {
const db = event.target.result;
// Handle the database upgrade if needed
};Make sure to replace 'myDatabase', 'myObjectStore', and 'key' with the actual names of your database, object store, and the key you want to delete.
By following these steps, you can delete data from an IndexedDB database using JavaScript.