IndexedDB
IndexedDB hakkında bilgisi olan var mı? Öğrenme amaçlı client tarafında çalışan bir uygulama yapıyorum database olarak orayı kullanmak istiyorum. Şimdiden teşekkürler.
Düzenleme: Basit bir örnek gösterebilir misiniz? internette bulduklarımı bir türlü çalıştıramıyorum ve çok karışık geliyor anlayamıyorum.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
Evet, IndexedDB hakkında biraz bilgim var. IndexedDB, JavaScript kullanarak tarayıcınızda veri depolamanızı sağlayan bir veritabanı özelliğidir. Bu veritabanı, verilerinizi anahtar/değer çiftleri olarak depolamanıza ve bu verileri daha sonra hızlı bir şekilde aramanıza olanak sağlar.
Örnek kodu aşağıda gösteriyorum:
// Veritabanını açma ve bir depolama alanı oluşturma
let db;
let request = indexedDB.open("myDatabase", 1);
request.onerror = function(event) {
console.error("Veritabanı açılırken hata oluştu: " + event.target.errorCode);
};
request.onsuccess = function(event) {
db = event.target.result;
};
request.onupgradeneeded = function(event) {
let db = event.target.result;
// Bu kısımda bir "object store" (depolama alanı) oluşturuyoruz
let objectStore = db.createObjectStore("myObjectStore", { keyPath: "id" });
// Depolama alanına birkaç veri ekleyelim
objectStore.add({ id: 1, name: "John Doe", age: 30 });
objectStore.add({ id: 2, name: "Jane Doe", age: 28 });
};
// Veritabanındaki verileri okuma
let transaction = db.transaction(["myObjectStore"]);
let objectStore = transaction.objectStore("myObjectStore");
let request = objectStore.get(1);
request.onerror = function(event) {
console.error("Veriler okunurken hata oluştu: " + event.target.errorCode);
};
request.onsuccess = function(event) {
// Burada verileri kullanabilirsiniz
let data = event.target.result;
console.log("İsim: " + data.name + ", Yaş: " + data.age);
};
Bu kod, bir veritabanı oluşturur ve bu veritabanına bir depolama alanı ekler. Daha sonra, bu depolama alanına birkaç veri ekler ve son olarak da bu verileri okur. Daha fazla bilgi için MDN web docs'a göz atabilirsiniz: https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API
Sadece acıklamalı basit bir örnek istiyorum? internette bulduklarımı bir türlü çalıştıramıyorum ve çok karışık geliyor anlayamıyorum.