Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:javascript:indexeddb

Ez a dokumentum egy előző változata!


< JavaScript

JavaScript - IndexedDB

Minta

app.js
const addButton = document.getElementById("addButton");
const readButton = document.getElementById("readButton");
const nameInput = document.getElementById("name");
const ageInput = document.getElementById("age");
const request = indexedDB.open("test", 1);
let db;
 
request.onupgradeneeded = function (event) {
  const db = event.target.result;
  db.createObjectStore("users", { autoIncrement: true });
};
request.onsuccess = function (event) {
    db = event.target.result;
    console.log("Database opened successfully");
}
 
addButton.addEventListener("click", () => {
  console.log('Hozzáadás...')
  if(!db) {
    console.log('Nincs adatbázis')
    return;
  }  
  const transaction = db.transaction("users", "readwrite");
  const store = transaction.objectStore("users");
  store.add({ 
    name: nameInput.value, 
    age: ageInput.value
  });
});
 
readButton.addEventListener("click", () => {
  const transaction2 = db.transaction("users", "readonly");
  const store2 = transaction2.objectStore("users");
  const cursor = store2.openCursor();
 
  cursor.onsuccess = function (event) {
    const result = event.target.result;
    if (result) {
      console.log(
        "Name:", result.value.name,
        "Age:", result.value.age
      );
      result.continue();
    }
  };
});
oktatas/web/javascript/indexeddb.1741899971.txt.gz · Utolsó módosítás: 2025/03/13 22:06 szerkesztette: admin