IDBTransaction: error プロパティ

メモ: この機能はウェブワーカー内で利用可能です。

const note = document.getElementById("notifications");
// IDB データを保存する db オブジェクトのインスタンス
let db;
// データベースを開く
const DBOpenRequest = window.indexedDB.open("toDoList", 4);
DBOpenRequest.onsuccess = (event) => {
 note.innerHTML += "<li>データベースを初期化しました。</li>";
 // データベースを開いた結果を変数 db に保存する
 // これは後でよく使う
 db = DBOpenRequest.result;
 // addData() 関数を実行し、データベースにデータを追加する
 addData();
};
function addData() {
 // IDB に挿入できる新しいオブジェクトを生成する
 const newItem = [
 {
 taskTitle: "Walk dog",
 hours: 19,
 minutes: 30,
 day: 24,
 month: "December",
 year: 2013,
 notified: "no",
 },
 ];
 // データベースの読み書きトランザクションを開き、データを追加する準備をする
 const transaction = db.transaction(["toDoList"], "readwrite");
 // トランザクションを開くのに成功したら報告する
 transaction.oncomplete = (event) => {
 note.innerHTML +=
 "<li>トランザクション完了: データベースの変更が完了しました。</li>";
 };
 transaction.onerror = (event) => {
 note.innerHTML += `<li>以下のエラーによりトランザクションを開けませんでした: ${transaction.error}</li>`;
 };
 // トランザクション上でオブジェクトストアを生成する
 const objectStore = transaction.objectStore("toDoList");
 // オブジェクトストアに newItem オブジェクトを追加する
 const objectStoreRequest = objectStore.add(newItem[0]);
 objectStoreRequest.onsuccess = (event) => {
 // 要求の成功を報告する (これは、アイテムがデータベースに正常に格納されたことを意味しません。
 // これを知るには、transaction.onsuccess を用いる必要があります)
 note.innerHTML += "<li>要求に成功しました。</li>";
 };
}

MDN の改良に協力

このページは MDN の貢献者によって 2026年4月12日 に最終更新されました。