Baseline Widely available
IDBObjectStore
ã¤ã³ã¿ã¼ãã§ã¤ã¹ã® add()
ã¡ã½ããã¯ãIDBRequest
ãªãã¸ã§ã¯ããè¿ããå¥ã¹ã¬ããã§å¤ã®æ§é åè¤è£½ãçæãããã®è¤è£½ããªãã¸ã§ã¯ãã¹ãã¢ã«ä¿åãã¾ããããã¯ãªãã¸ã§ã¯ãã¹ãã¢ã«æ°ããã¬ã³ã¼ãã追å ããæä½ã§ãã
success
ã¤ãã³ããçºç«ããå¾ã§ããã©ã³ã¶ã¯ã·ã§ã³ã¯å¤±æãããããããªãã®ã§ãè¿½å æä½ãæ£å¸¸ã«å®äºããããå¤å®ããã«ã¯ãIDBObjectStore.add
è¦æ±ã® success
ã¤ãã³ãã«å ãããã©ã³ã¶ã¯ã·ã§ã³ã® complete
ã¤ãã³ããç£è¦ãã¦ãã ãããè¨ãæããã¨ãsuccess
ã¤ãã³ãã¯ãã©ã³ã¶ã¯ã·ã§ã³ããã¥ã¼ã«è¿½å ããã®ã«æåããæç¹ã§çºç«ãã¾ãã
add
ã¡ã½ãã㯠æ¿å
¥ã®ã¿ãè¡ã ã¡ã½ããã§ãã弿° key
ããã¼ã¨ããã¬ã³ã¼ãããªãã¸ã§ã¯ãã¹ãã¢å
ã«æ¢ã«åå¨ããå ´åãè¿ãããè¦æ±ãªãã¸ã§ã¯ãã§ ConstraintError
ã®ã¨ã©ã¼ã¤ãã³ããçºç«ãã¾ããæ¢åã®ã¬ã³ã¼ããæ´æ°ããã«ã¯ããããã« IDBObjectStore.put
ãç¨ãã¦ãã ããã
ã¡ã¢: ãã®æ©è½ã¯ã¦ã§ãã¯ã¼ã«ã¼å ã§å©ç¨å¯è½ã§ãã
æ§æadd(value)
add(value, key)
弿°
value
ä¿åããå¤ã§ãã
key
çç¥å¯
ã¬ã³ã¼ããèå¥ãããã¼ã§ããæå®ãããªãå ´åã¯ãnull
ã«ãªãã¾ãã
ãã®æä½ã«é¢ä¿ããä»å¾ã®ã¤ãã³ããçºç«ãã IDBRequest
ãªãã¸ã§ã¯ãã§ãã
æä½ã«æåããå ´åã¯ããã®è¦æ±ã® result
ããããã£ã®å¤ã¯æ°ããã¬ã³ã¼ãã®ãã¼ã«ãªãã¾ãã
ãã®ã¡ã½ããã¯ã以ä¸ã®ç¨®é¡ã®ããããã® DOMException
ãæããå¯è½æ§ãããã¾ãã
ReadOnlyError
DOMException
ãã®æä½ã«å¯¾å¿ãããã©ã³ã¶ã¯ã·ã§ã³ãèªã¿åãå°ç¨ã¢ã¼ãã®ã¨ãæãããã¾ãã
TransactionInactiveError
DOMException
ãã® IDBObjectStore
ã®ãã©ã³ã¶ã¯ã·ã§ã³ãå®è¡ä¸ã§ãªãã¨ãæãããã¾ãã
DataError
DOMException
以ä¸ã®ããããã®æ¡ä»¶ãæºããã¨ãæãããã¾ãã
key
ãæå®ãããã¨ããkey
ãæå®ãããªãã¨ããkey
ãæå®ãããããæå¹ãªãã¼ã§ãªãã¨ããInvalidStateError
DOMException
IDBObjectStore
ãåé¤ããããåãé¤ãããã¨ãæãããã¾ãã
DataCloneError
DOMException
ä¿åããããã¼ã¿ãå é¨ã®æ§é åè¤è£½ã¢ã«ã´ãªãºã ã§è¤è£½ã§ããªãã£ãã¨ãæãããã¾ãã
ConstraintError
DOMException
主ãã¼å¶ç´ã®éåã«ããæ¿å ¥æä½ã«å¤±æããã¨ãæãããã¾ãã(åã主ãã¼ã®å¤ãæã¤ã¬ã³ã¼ããæ¢ã«åå¨ããã¨ã)
以ä¸ã®ã³ã¼ãæçã§ã¯ããã¼ã¿ãã¼ã¹ã®èªã¿æ¸ããã©ã³ã¶ã¯ã·ã§ã³ãéããadd()
ãç¨ãã¦ãªãã¸ã§ã¯ãã¹ãã¢ã«ãã¼ã¿ã追å ãã¾ãããã©ã³ã¶ã¯ã·ã§ã³ã¤ãã³ããã³ãã©ã¼ã«è¨å®ããã颿°ã«ãããæåæã¾ãã¯å¤±ææããã©ã³ã¶ã¯ã·ã§ã³ãéããçµæãå ±åãããã¨ã«ã注ç®ãã¦ãã ãããåãä¾å
¨ä½ã¯ãTo-do Notifications ã¢ããªã±ã¼ã·ã§ã³ãåç
§ãã¦ãã ããã(åãä¾ãè¦ã)
// ãã¼ã¿ãã¼ã¹ãéã
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>ãã©ã³ã¶ã¯ã·ã§ã³ã¯ã¨ã©ã¼ã®ããéãã¾ããã§ãããã¢ã¤ãã ã¯éè¤ããããã¾ããã</li>";
};
// ãã©ã³ã¶ã¯ã·ã§ã³ã§ãªãã¸ã§ã¯ãã¹ãã¢ãçæãã
const objectStore = transaction.objectStore("toDoList");
// ãªãã¸ã§ã¯ãã¹ãã¢ã« 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