IDBRequest: success-Ereignis
Das success
-Ereignis wird ausgelöst, wenn ein IDBRequest
erfolgreich ist. Im success
-Ereignishandler können Sie auf das Ergebnis der Anfrage zugreifen und weitere Anfragen an dieselbe Transaktion stellen.
Dieses Ereignis kann nicht abgebrochen werden und propagiert nicht.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener()
oder setzen Sie eine Ereignishandler-Eigenschaft.
js
addEventListener("success", (event) => {});
onsuccess = (event) => {};
Ereignistyp
Ein generisches Event
.
Beispiele
Dieses Beispiel versucht, eine Datenbank zu öffnen und hört das success
-Ereignis mit addEventListener()
ab:
js
// Open the database
const openRequest = window.indexedDB.open("toDoList", 4);
openRequest.onupgradeneeded = (event) => {
const db = event.target.result;
db.onerror = () => {
console.log("Error creating database");
};
// Create an objectStore for this database
const objectStore = db.createObjectStore("toDoList", {
keyPath: "taskTitle",
});
// define what data items the objectStore will contain
objectStore.createIndex("hours", "hours", { unique: false });
objectStore.createIndex("minutes", "minutes", { unique: false });
objectStore.createIndex("day", "day", { unique: false });
objectStore.createIndex("month", "month", { unique: false });
objectStore.createIndex("year", "year", { unique: false });
};
openRequest.addEventListener("success", (event) => {
console.log("Database opened successfully!");
});
Das gleiche Beispiel, aber unter Verwendung der onsuccess
-Ereignishandler-Eigenschaft:
js
// Open the database
const openRequest = window.indexedDB.open("toDoList", 4);
openRequest.onupgradeneeded = (event) => {
const db = event.target.result;
db.onerror = () => {
console.log("Error creating database");
};
// Create an objectStore for this database
const objectStore = db.createObjectStore("toDoList", {
keyPath: "taskTitle",
});
// define what data items the objectStore will contain
objectStore.createIndex("hours", "hours", { unique: false });
objectStore.createIndex("minutes", "minutes", { unique: false });
objectStore.createIndex("day", "day", { unique: false });
objectStore.createIndex("month", "month", { unique: false });
objectStore.createIndex("year", "year", { unique: false });
};
openRequest.onsuccess = (event) => {
console.log("Database opened successfully!");
};
Spezifikationen
Specification |
---|
Indexed Database API 3.0 # eventdef-idbrequest-success |
Browser-Kompatibilität
BCD tables only load in the browser