IDBObjectStore: метод add()
Базовая версия Широко поддерживается
Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с сентября 2021 года.
Примечание: Эта функция доступна в Web Workers.
Метод add() интерфейса IDBObjectStore возвращает объект IDBRequest, который в отдельном потоке создаёт структурированную копию значения и сохраняет скопированное значение в хранилище объектов. Это предназначено для добавления новых записей в хранилище объектов.
Чтобы определить, успешно ли выполнилась операция добавления, прослушивайте событие complete транзакции, а также событие success запроса IDBObjectStore.add, так как транзакция может всё ещё завершиться ошибкой после срабатывания события об успехе. Другими словами, событие об успехе срабатывает только тогда, когда транзакция успешно помещена в очередь.
Метод add является методом только для вставки. Если в хранилище объектов уже существует запись с ключом, заданным параметром key, то на возвращённом объекте запроса будет вызвано событие об ошибке ConstraintError. Для обновления существующих записей следует использовать метод IDBObjectStore.put вместо этого.
Синтаксис
add(value) add(value, key)
Параметры
value-
Значение, которое нужно сохранить.
keyНеобязательно-
Ключ для идентификации записи. Если не указан, используется значение null.
Возвращаемое значение
Объект IDBRequest, на котором будут сгенерированы последующие события, связанные с данной операцией.
Если операция выполнена успешно, значение свойства result запроса будет ключом новой записи.
Исключения
Этот метод может вызвать исключение DOMException одного из следующих типов:
-
ReadOnlyErrorDOMException -
Вызывается, если транзакция, связанная с данной операцией, находится в режиме только для чтения режима.
-
TransactionInactiveErrorDOMException -
Вызывается, если транзакция данного
IDBObjectStoreнеактивна. -
DataErrorDOMException -
Вызывается, если выполняются следующие условия:
- Хранилище объектов использует встроенные ключи или имеет генератор ключей, и параметр ключа был указан.
- Хранилище объектов использует внешние ключи и не имеет генератора ключей, и параметр ключа не был указан.
- Хранилище объектов использует встроенные ключи, но не имеет генератора ключей, и путь к ключу хранилища не возвращает допустимый ключ.
- Параметр ключа был указан, но не содержит допустимый ключ.
-
InvalidStateErrorDOMException -
Вызывается, если
IDBObjectStoreбыл удалён. -
DataCloneErrorDOMException -
Вызывается, если данные, которые нужно сохранить, не могут быть скопированы внутренним алгоритмом структурированной копирования.
-
ConstraintErrorDOMException -
Вызывается, если операция вставки завершилась ошибкой, потому что было нарушено ограничение первичного ключа (из-за уже существующей записи с тем же значением первичного ключа).
Примеры
В следующем примере кода мы открываем транзакцию чтения/записи для нашей базы данных и добавляем некоторые данные в хранилище объектов, используя add(). Обратите также внимание на функции, прикреплённые к обработчикам событий транзакции, чтобы отслеживать результат открытия транзакции в случае успеха или неудачи. Для полного рабочего примера см. наше приложение To-do Notifications (посмотреть пример в браузере).
// Let us open our database
const DBOpenRequest = window.indexedDB.open("toDoList", 4);
DBOpenRequest.onsuccess = (event) => {
note.appendChild(document.createElement("li")).textContent =
"Database initialized.";
// store the result of opening the database in the db variable.
// This is used a lot below
db = DBOpenRequest.result;
// Run the addData() function to add the data to the database
addData();
};
function addData() {
// Create a new object ready to insert into the IDB
const newItem = [
{
taskTitle: "Walk dog",
hours: 19,
minutes: 30,
day: 24,
month: "December",
year: 2013,
notified: "no",
},
];
// open a read/write db transaction, ready for adding the data
const transaction = db.transaction(["toDoList"], "readwrite");
// report on the success of the transaction completing, when everything is done
transaction.oncomplete = (event) => {
note.appendChild(document.createElement("li")).textContent =
"Transaction completed.";
};
transaction.onerror = (event) => {
note.appendChild(document.createElement("li")).textContent =
"Transaction not opened due to error. Duplicate items not allowed.";
};
// create an object store on the transaction
const objectStore = transaction.objectStore("toDoList");
// Make a request to add our newItem object to the object store
const objectStoreRequest = objectStore.add(newItem[0]);
objectStoreRequest.onsuccess = (event) => {
// report the success of our request
note.appendChild(document.createElement("li")).textContent =
"Request successful.";
};
}
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
add |
23 | 12 | 10 | 15 | 8 | 25 | 22 | 14 | 8 | 1.5 | 4.4 |
См. также
- Использование IndexedDB
- Инициализация транзакций:
IDBDatabase - Использование транзакций:
IDBTransaction - Установка диапазона ключей:
IDBKeyRange - Получение и изменение данных:
IDBObjectStore - Использование курсоров:
IDBCursor - Пример: To-do Notifications (посмотреть пример в браузере).
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/IDBObjectStore/add