?? ????? ? ?????? ????? HTML5 INDEXEDDB API? ???? ??? ??????

?? ?? : INDEXEDDB? ?? ? ????? ?? ? ??? NOSQL ?????????. ??? ? ? ??? ???? ?? ????? ?? indexeddb? ?? ? ???? ???? ??? ? ??? ??? ?????. ?? ?? ??? ?? ? ???? ??? ??? ?????. ??????? ??? ?? ???? ???? ?? UI ??? ????? ?????.

?? ?? ?? : indexedDB? ????? ?? ?? ??? ?? ?????.

• window.indexedDB : ??????? ?? ???? ???? ??? ??.
• open() : ??????? ??? ?????. ??? IDBOpenDBRequest ?????.
• IDBDatabase : ?? ??????? ?????. ??? ???? ????? ??? ?? ???? ??????.
• createObjectStore() : ??? ??????? ???? ??? ?????? ??? ?? ???? ????. ???? ????? ??? ???? ??? ? ??? ?????.
• IDBTransaction : ??? ??? (??)? ???? ?? ?? ??? ????? ? ?????.
• IDBObjectStore : ?? ???? ?????. ???? ???? ???? ??, ??, ???? ? ?????.
• put() : ?? ????? ???? ????? ???????.
• get() : Key? ???? ?????.
• getAll() : ?? ????? ?? ???? ?????.
• delete() : ???? ?????.
• index() : ? ?? ??? ?? ?? ??? ?? ???? ?????.

? : ? ?? ? ??? ?????? ??, ?? ??? ?? ? ??? ??? ?????.

 <code class="javascript">const dbRequest = indexedDB.open('myDatabase', 1); dbRequest.onerror = (event) => { console.error("Error opening database:", event.target.error); }; dbRequest.onsuccess = (event) => { const db = event.target.result; console.log("Database opened successfully:", db); }; dbRequest.onupgradeneeded = (event) => { const db = event.target.result; const objectStore = db.createObjectStore('myObjectStore', { keyPath: 'id', autoIncrement: true }); objectStore.createIndex('nameIndex', 'name', { unique: false }); // Create an index on the 'name' field console.log("Object store created successfully:", objectStore); }; //Adding data (after database is opened) const addData = (db) => { const transaction = db.transaction(['myObjectStore'], 'readwrite'); const objectStore = transaction.objectStore('myObjectStore'); const newItem = { name: 'Item 1', value: 10 }; const request = objectStore.add(newItem); request.onsuccess = () => console.log('Item added successfully!'); request.onerror = (error) => console.error('Error adding item:', error); }</code>

??? ???? ????. ?? ????? ?? ???? ?? ? ?? ?? ??? ? ???? ???? ??? ?????? ??? ??? ?????.

? ???????? IndexedDB ??? ??????? ?? ??? ??????

???? ??? ??????? : ??? ??? ? ?? ??????. ??? ????? ? ?? ?? ?? ??????? ???? ??? ??? ????. ?? ???? ??? ?? ?? ????? ???? ??? ???? ????.

??? ??? ?? : ??? ?? ??? ?? ?????. ?? ?? ? ???? ???? ????. ??? ??? ?? ??? ??? ?? (?? ?? ? ??)? ??????. ??? ???? ??? ???? ??? ? ? ???? ???? ??? ??? ???? ??????.

?? ?? : ???? ??? ????? ???? ??, ??? ?? ?? ??? ??????. ?? ??? ?? ??? ?? ??? ?? ????.

???? ?? ?? : ? ??? ???? ??????. ??? ? ?? (? : ?? ?? ID)? ??? ??? ?????. ??? ??? ??? ??? ?? ??? ?????.

??? ?? ??? : ??? ??? ? ?????. ?? ??? ??? ??? ??? ????. ?? ?? ?? ??? ?? ????? ?? ? ??? ?? ?? ? ???? ?? ?? ??? ??????.

??? ?? : INDEXEDDB? ???????. Code? ?????? ??? ???? ????? onsuccess ? onerror ? ?? ???? ?? ??????. ? ????? ? ?????? ??? ???? ?? ???? ???? ????.

?? : ?? ????? ???? ?????? ?? ?? ????. ??? ?????? ?? ??? ????? ?? ???? ???? ?? ????? ????? ?? ?? ?? ? ??? ???? ???? ?? ??????.

?? ?? ? ?? : ??? ?? ??? ?????. ????? ?? ? ??? ????? ????, ????, ??? ?? ?? ? ??? ??? ?? ??.

??? ? ?????? ?? ?? : ?? ?? ???? ???? ????? ???? ?? ?? ?????? ?? ?? ??? ??????.

IndexedDB? ??? ??? ??? ????? ?? ? ? ????? ???? ?? ??? ????????

?, IndexedDB? ??? ??? ??? ????? ?? ? ? ????? ??? ?????? ??? ?? ? ??? ?????. ??? ??? ??? ??? ???? ??? ?????? ?????.

?? : ?? ???? ??? ??? ??? ??????. ?? ??? ??? ? ?????? ?? ?? ??? ??????? ??????. ??? ??? ???? ??? ?? ?? ??????.

???? ??? ?? : ??? ??? ??? ??????. ?? ????? ?? ?? ?? ??? ? ??? ???? ?? ?? ? ?? ?? ??? ???? ?? ??????.

????? ? ??? ? ?? : ??????? ???? ?? ??? ? ????? ??? ??? ? ??? ?????. ????? indexeddb?? ?? ???? ???? ?? ?? ???.

??? ?? : ???? ???? ??????. ??? ??? ??? ?? ???? ??? ? ??? ???? ?????. ?? ??? ???? ?? ???? ?? ?? ???? ??????.

?? ?? ? Blob Storage : ?? ?? (???, ??? ?)? ?? INDEXEDDB? ?? ???? ????. ??, ?? (URL ?? ?? ID)?? ??? ???? ??? ? ?? ?????? ??????.

??? ?? : IndexedDB? ???? ?? ???? ???? ?? ??????. ??? ?? ??? ??? ??? ??????. ??? ???? ???? ?? ???? ???????.

????? ?? ? ? ??? : ????? ?? ? ? ???? ???? ?? ???? ???? ?? ?? ???? ?????? ??? ?????. ????? ?? ?? ???? ???? ?? ?? ????? ??? ?????.

?? ?????? ?? ?? : ?? ?? ???? ???? ???? ??????? ????? ?????. ?? ??????? ???? ?? ??? ???? ? ??????.

?? ? ??? ??? ?? ??? ??????. ???? ??? ???? ?? ? ??? ??? ?? ?? ? ?????? ?? ? ??? ??????? ???? ????? ?? ??????.

indexeddb? ??? ? ???? ? ?? ??? ????? ????? ?????????

?? : ??? ??? ???? ???? ? ?????. ??? ?? ??? ?? ????? ?? ?? ????????. ?? ? ?? ???? ???? ?? ( readonly ?? readwrite )? ???? ????? ????.

 <code class="javascript">const transaction = db.transaction(['myObjectStore'], 'readwrite'); const objectStore = transaction.objectStore('myObjectStore');</code>

?? ?? : INDEXEDDB ??? ??????? ??? ???? ???? ??? ???????. ?? ??? ??? onerror ? onabort ???.

• onerror : ?????? ?? ?? ??? ????? ???? ?????.
• onabort :? ???? ??? ???? (? : ??? ??) ?????.

 <code class="javascript">const request = objectStore.put(newItem); request.onerror = (event) => { console.error("Error during database operation:", event.target.error); // Implement retry logic or alternative actions here }; transaction.onabort = (event) => { console.error("Transaction aborted:", event.target.error); // Handle transaction abortion, potentially retrying or informing the user. }; transaction.oncomplete = () => { console.log("Transaction completed successfully!"); };</code>

? ?? ???? : ?? ??? ?? ??? ????? ?????. ?? ??, ???? ??? ???? ?? ?? ? ??? ?? ?? ? ? ????.

?? ?? : ??? ?????? ??? ???? ?? ??? ?????? ?? ?? ??? ??????. ??? ??? ???? ???? ?? ?? ???? ?? ? ????.

??? ??? : ?????? ??? ???? ????? ??? ???? ?????. ??? ??? ??? ????? ??? ?????? ???? ? ??????.

???? ? ?? ??? ??? ??? ???? ???? ???? ????? ???? ???? ???? ??? ??? IndexedDB ?? ????? ?? ? ????. ?? ?? ?? ? ? ?? ????? ??? ????????.

? ??? ?? ????? ? ?????? ????? HTML5 indexeddb API? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!