Baseline Widely available
IDBObjectStore
ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®èªã¿åãå°ç¨ãããã㣠indexNames
ã¯ããªãã¸ã§ã¯ãã¹ãã¢å
ã®ãªãã¸ã§ã¯ãã«å¯¾ããã¤ã³ããã¯ã¹ã®ãªã¹ããè¿ãã¾ãã
ã¡ã¢: ãã®æ©è½ã¯ã¦ã§ãã¯ã¼ã«ã¼å ã§å©ç¨å¯è½ã§ãã
å¤DOMStringList
ã§ãã
以ä¸ã®ã³ã¼ãæçã§ã¯ããã¼ã¿ãã¼ã¹ã®èªã¿æ¸ããã©ã³ã¶ã¯ã·ã§ã³ãéããadd()
ãç¨ãã¦ãã¼ã¿ããªãã¸ã§ã¯ãã¹ãã¢ã«è¿½å ãã¾ãããªãã¸ã§ã¯ãã¹ãã¢ã®çæå¾ãã³ã³ã½ã¼ã«ã« objectStore.indexNames
ãè¨é²ãã¾ããåãä¾å
¨ä½ã¯ãTo-do Notifications ã¢ããªã±ã¼ã·ã§ã³ãåç
§ãã¦ãã ããã(åãä¾ãè¦ã)
// ãã¼ã¿ãã¼ã¹ãéã
const DBOpenRequest = window.indexedDB.open("toDoList", 4);
DBOpenRequest.onsuccess = (event) => {
note.innerHTML += "<li>ãã¼ã¿ãã¼ã¹ãåæåãã¾ããã</li>";
// ãã¼ã¿ãã¼ã¹ãéããçµæã夿° db ã«æ ¼ç´ãã
// ããã¯å¾ã§ãã使ã
db = this.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>ãã©ã³ã¶ã¯ã·ã§ã³ã¯ã¨ã©ã¼ã®ããéãã¾ããã§ãããã¢ã¤ãã ã¯éè¤ããããã¾ããã</li>";
};
// ãã©ã³ã¶ã¯ã·ã§ã³ä¸ã§ãªãã¸ã§ã¯ãã¹ãã¢ãçæãã
const objectStore = transaction.objectStore("toDoList");
console.log(objectStore.indexNames);
// ãªãã¸ã§ã¯ãã¹ãã¢ã« newItem ãªãã¸ã§ã¯ãã追å ããè¦æ±ãè¡ã
const objectStoreRequest = objectStore.add(newItem[0]);
objectStoreRequest.onsuccess = (event) => {
// è¦æ±ã®æåãå ±åãã
note.innerHTML += "<li>è¦æ±ã«æåãã¾ããã</li>";
};
}
仿§æ¸ ãã©ã¦ã¶ã¼ã®äºææ§ é¢é£æ
å ±
IDBDatabase
IDBTransaction
IDBKeyRange
IDBObjectStore
IDBCursor
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4