Можно ли получить стутус изменения данных в indexedDB?

Question

[Elvis]

Есть функция которая в данный момент закидывает данные в indexedDB

function dbput(table, data){
    let openRequest = indexedDB.open('mydb', 1);
    openRequest.onsuccess = function() {
        let db = openRequest.result;
        let transaction = db.transaction(table, 'readwrite');
        let objectStore = transaction.objectStore(table);
        let result = objectStore.put(data);
        db.close();
    };
}

Есть ли способ узнать была ли запись добавлена или изменена существующая? Кроме способа перед put делать запрос на наличие данных. Грубо говоря мне нужно анализировать result и в зависимости от этого запускать другую функцию.

Answer 1

[Khamzabek]

Да, есть способ: метод put возвращает объект IDBRequest, у которого есть событие onsuccess. Если запись была добавлена, то onsuccess вызовется без ошибок. Если запись была изменена, то событие onsuccess вызовется с объектом IDBKeyRange.

Пример:

function dbput(table, data){
    let openRequest = indexedDB.open('mydb', 1);
    openRequest.onsuccess = function() {
        let db = openRequest.result;
        let transaction = db.transaction(table, 'readwrite');
        let objectStore = transaction.objectStore(table);
        let request = objectStore.put(data);
        request.onsuccess = function(event) {
            if(event.target.result instanceof IDBKeyRange) {
                console.log('Record updated')
            } else {
                console.log('Record added')
            }
        };
        db.close();
    };
}

Comments

[Elvis]

пока что вижу что всегда срабатывает Record added, хотя посылаю несколько раз одни и те же данные.
Как вариант еще думал сначала пробовать делать add, если вышла ошибка, то тогда put(так как мне в любом случае нужно сохранить обновленные данные), но запускать другую функцию только если данных ранее не было.

[Khamzabek]

Если вы всегда получаете "Record added", даже после повторной попытки добавить данные с тем же ключом, это может быть связано с тем, что вы используете автоинкрементный ключ. В этом случае каждый раз, когда вы вызываете put() без ключа, будет добавлен новый элемент, даже если он имеет те же самые данные.

Чтобы решить эту проблему, вы можете использовать явный ключ при добавлении данных. Если элемент уже существует, он будет заменен. Вот пример:

function dbput(table, data){
    let openRequest = indexedDB.open('mydb', 1);
    openRequest.onsuccess = function() {
        let db = openRequest.result;
        let transaction = db.transaction(table, 'readwrite');
        let objectStore = transaction.objectStore(table);
        let key = data.id; // явный ключ
        let request = objectStore.put(data, key); // добавление с явным ключом
        request.onsuccess = function(event) {
            console.log('Record added/updated');
        };
        db.close();
    };
}

В этом примере я использовал поле "id" в объекте данных в качестве явного ключа. Если у вас нет явного ключа, вы можете использовать любое другое уникальное поле в качестве ключа или создать его программно, например, путем использования временной метки или случайного числа.

[Elvis]

Khamzabek, база создается с явным ключом db.createObjectStore('mytable', {keyPath: 'id'});, однако получаю ошибку:

Uncaught DOMException: Failed to execute 'put' on 'IDBObjectStore': The object store uses in-line keys and the key parameter was provided.

Как я понял это означает что я использую ключ, хотя в базе он инкрементный. Но если пойти в Application-indexedDB там поиск идет по Primary key = 'id'.

[Khamzabek]

Это означает, что вы используете индексированный ключ (keyPath), который автоматически генерируется базой данных при создании объектного хранилища. Для таких случаев вы должны использовать метод add() вместо put(), чтобы добавить новую запись с автоматически сгенерированным ключом.

Вот пример использования метода add() для добавления записи в объектное хранилище:

function dbAdd(table, data){
    let openRequest = indexedDB.open('mydb', 1);
    openRequest.onsuccess = function() {
        let db = openRequest.result;
        let transaction = db.transaction(table, 'readwrite');
        let objectStore = transaction.objectStore(table);
        let request = objectStore.add(data); // добавление с автоинкрементным ключом
        request.onsuccess = function(event) {
            console.log('Record added');
        };
        db.close();
    };
}

Обратите внимание, что вызов метода add() соответствует добавлению новой записи с автоматически сгенерированным ключом, тогда как использование метода put() требует явного указания ключа записи.

[Elvis]

Khamzabek, тогда получается что всё сводится к тому, как я предложил, сначала пробовать add, если всё ок - то запускаю свою функцию, если ошибка, то делаем put для обновления и не запускаем доп функцию.

[Khamzabek]

ок

[hint000]

Elvis, вы разве не заметили, что общались с ChatGPT? И ответ, и комментарии.

[Elvis]

hint000, заметил и что? От этого что-то должно было измениться?

[hint000]

Elvis, ну если для вас нормально общаться с роботом, тогда ok.

[Elvis]

hint000, если этот робот выдаёт мне то что нужно почему нет?